¿Cómo tener múltiples atributos de vinculación de datos en un elemento?

Question

Necesito tener múltiples enlaces de datos en un elemento. Por ejemplo, quiero un href, así como un html enlace de datos en una etiquetaa. He intentado esto,

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

Pero esto no funciona. Parece nocaut solo admite vinculante unadata-bind propiedad? Cómo enlazar el href, el html interno y un atributo personalizado "data-prop" en un elemento?

Answer 1

De esta manera:

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

Usted utilizar fijaciones separados por comas - el atributo es la misma que pasar un objeto:

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

O, si usted está preguntando por múltiples attr enlaces a la vez:

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

Answer 2

Así es como implementé el atributo de origen y hago clic en evento usando data-bind. Lo podrías encontrar útil.

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

Answer 3

simplemente uso:

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

para un elemento casilla.

Answer 4

puede utilizar varias propiedades utilizando ,, como a continuación

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

objeto como éste

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