lista - setattribute javascript

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

Question

Necesito tener enlaces de datos múltiples en un elemento. Por ejemplo, quiero un href así como un enlace de datos html en a etiqueta. 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 que el knockout solo admite el enlace de una propiedad de unión de data-bind . ¿Cómo vincular el href , el html interno y un atributo personalizado " data-prop " en un elemento?

Answer 1

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 2

Me gusta esto:

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

Utiliza enlaces separados por comas: el atributo es lo mismo que pasar un objeto:

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

O bien, si está preguntando sobre múltiples enlaces attr a la vez:

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

Answer 3

Simplemente uso:

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

para un elemento de casilla de verificación.

Answer 4

puedes usar múltiples propiedades usando , como debajo

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

objeto como este

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