Comment avoir des données multiples-lier les attributs d'un élément?

J'ai besoin d'avoir plusieurs liaisons de données sur un seul élément. Par exemple, je veux un href ainsi que d'un html de liaison de données sur un a tag. J'ai essayé ceci,

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

Mais cela ne fonctionne pas. Il semble knock-out prend uniquement en charge la liaison un data-bind propriété? Comment se lier à la fois la href, à l'intérieur html, et une coutume "data-prop" attribut sur un élément?

InformationsquelleAutor user960567 | 2012-05-22
  1. 125

    Comme ceci:

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

    Vous utilisez séparées par des virgules liaisons - l'attribut est le même que le passage d'un objet: 

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

    Ou, si vous vous demandez à propos de plusieurs attr liaisons à la fois:

    <a data-bind="html: name, attr: { href: url, 'data-prop': FullName }">
    • Pouvez-vous également me dire que, si viewModel.tâches = ko.observableArray(tsks) alors changer viewModel.tâches = [Tableau], Comment dire à frapper que le tableau est modifié
    • lors de la configuration d'un ko.observables valeur, essayez de le faire comme ceci: viewModel.tasks([1,2,3]);. I. e. vous appelez ça comme une fonction, en passant la nouvelle valeur d'un paramètre
    InformationsquelleAutor paulslater19
  2. 2

    C'est comment j'ai mis en place l'attribut source et cliquez sur l'événement à l'aide de données-lier. Vous trouverez peut-être utile.

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

    J'utilise simplement:

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

    pour une case de l'élément.

    InformationsquelleAutor chris
  4. 1

    vous pouvez utiliser plusieurs propriétés à l'aide de , comme ci-dessous

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

    un objet comme ça 

    { url: 'http://stackoverflow.com', id:'newid' , classvalue: 'classname' }
    InformationsquelleAutor Surendra Kumar Ahir