Attributo href data-bind per il tag di ancoraggio

Question

Sto tentando di associare gli attributi di ancoraggio a un campo ViewModel KnockoutJS. Ho provato qualcosa di simile:

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

ma questo non funziona. Dove posso ottenere un elenco di possibili valori di data-bind per gli elementi HTML?

Answer 1

È necessario utilizzare l'associazione attr, questo consente di impostare qualsiasi attributo che ti piace.

Ad esempio:

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

Answer 2

Qui puoi trovare un elenco di tutti i possibili attacchi.

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

sul lato sinistro (barra laterale) si trovano dei link ad altri attacchi, come testo, attr stile e altro ancora.

È possibile farlo

attr: { href: Link}, text: Title come xwrs commentato

o creare un modello http://knockoutjs.com/documentation/template-binding.html

speranza che questo aiuta

Answer 3

Come alternativa-@RichardFriend's answer (e più possibilità di uso comune), potresti scrivere un gestore di binding personalizzato per rendere le tue visualizzazioni un po 'più semplici re laconico:

ko.bindingHandlers['href'] = { 
 
    update: function(element, valueAccessor) { 
 
    element.href = ko.utils.unwrapObservable(valueAccessor()); 
 
    } 
 
}; 
 

 
ko.applyBindings({ 
 
    myUrl: 'http://stackoverflow.com', 
 
    myText: 'Stack Overflow 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>