কীভাবে একটি উপাদানে একাধিক ডেটা-বাইন্ড বৈশিষ্ট্য থাকতে পারে?

Question

আমার একটি উপাদানটিতে একাধিক ডেটা বাইন্ডিং থাকা দরকার। উদাহরণস্বরূপ, আমি hrefএকটি ট্যাগের পাশাপাশি একটি htmlডেটা-বাঁধাই করতে চাই a । আমি এটি চেষ্টা করেছি,

<a data-bind="html: name" 
   data-bind="attr: { href: url }" 
   data-bind="attr: { 'data-prop': xyz }">
</a>

তবে এটি কাজ করে না। মনে হচ্ছে নকআউট কেবল একটি data-bind সম্পত্তি বাঁধাই সমর্থন করে ? কীভাবে একটি, উপাদানটির hrefঅভ্যন্তরীণ htmlএবং একটি কাস্টম data-propবৈশিষ্ট্য উভয়কে আবদ্ধ করবেন ?

Answer 1

এটার মত:

<a data-bind="html: name, attr: { href: url }">

আপনি কমা-বিচ্ছিন্ন বাইন্ডিং ব্যবহার করেন - বৈশিষ্ট্যটি কোনও বস্তুর পাস করার মতো:

{
    html: name, 
    attr: { href: url }
}

অথবা, যদি আপনি attrএকবারে একাধিক বাইন্ডিং সম্পর্কে জিজ্ঞাসা করছেন :

<a data-bind="html: name, attr: { href: url, 'data-prop': FullName }">

Comments

আপনি কি আমাকে এও বলতে পারেন যে, ভিউমোডেল.টাস্কস = কো.ও.বসার্ভেআরে (tsks) তারপর ভিউমোডেল.টাস্কস = [নতুন অ্যারে] পরিবর্তন করা যায়, কীভাবে

— নকটিকে

যখন একটি ko.observable মূল্য জন্য উপলব্ধ সেটিং, ভালো এরকম চেষ্টা করুন: viewModel.tasks([1,2,3]);। অর্থাৎ আপনি এটিকে একটি ফাংশন হিসাবে ডাকেন, প্যারামিটার হিসাবে নতুন মানটি পাস করে

— পলস্ল্যাটার 19

Answer 2

এভাবেই আমি ডেটা-বাইন্ড ব্যবহার করে উত্স অ্যাট্রিবিউট এবং ইভেন্ট ইভেন্টটি প্রয়োগ করেছি। আপনি এটি দরকারী মনে হতে পারে।

<img data-bind="{click: function(data, event) {ESVendorWidget.loadFunction(data,event)},
                 attr: {src: $data.Photo.PhotoUrl }}"
     alt="package pic" class="big" />

Answer 3

আমি কেবল ব্যবহার:

<input type="checkbox"
    data-bind="click: callFunction(), checkedValue: 0, checked: Card.Days">

একটি চেকবক্স উপাদান জন্য।

Answer 4

আপনি , নীচের মত একাধিক বৈশিষ্ট্য ব্যবহার করতে পারেন

<a data-bind="attr: { href: url, id: id , class: classvalue}">

এই মত আপত্তি

{ url: 'http://stackoverflow.com', id:'newid' , classvalue: 'classname' }