javascript - emplea - atributos de la etiqueta title en html

Atributo href de enlace de datos para la etiqueta de anclaje

Question

Estoy intentando vincular los atributos de anclaje a un campo KnockoutJS ViewModel. Intenté algo como esto:

<a data-bind="href: Link, value: Title"></a>

pero esto no funciona ¿Dónde puedo obtener una lista de posibles valores de vinculación de datos para elementos html?

Answer 1

Aquí puede encontrar una lista de todas las vinculaciones posibles.

http://knockoutjs.com/documentation/value-binding.html

en el lado izquierdo (barra lateral) encontrará enlaces a otros enlaces como texto, estilo attr y más.

Puedes hacerlo

attr: { href: Link}, text: Title como xwrs comentado

o crea una plantilla http://knockoutjs.com/documentation/template-binding.html

espero que esto ayude

Answer 2

Como alternativa a la respuesta de @ RichardFriend (y la opción más comúnmente utilizada), podría escribir un controlador de enlace personalizado para que sus vistas sean un poco más escuetas:

ko.bindingHandlers[''href''] = {
update: function(element, valueAccessor) {
element.href = ko.utils.unwrapObservable(valueAccessor());
}
};
ko.applyBindings({
myUrl: ''http://.com'',
myText: '' website''
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
<a data-bind="href: myUrl, text: myText"></a>

Answer 3

Esto funciona perfecto para mi

 <td class="CommandArea" rowspan="2">
<p><a href=''#'' data-bind="click: abandon" >Abandon</a></p>
</td>

Answer 4

Necesita usar el enlace attr , esto le permite establecer cualquier atributo que desee.

Por ejemplo:

<a data-bind="attr: { href: Link, title: Title }, text: Title">xxx</a>