錨標記的數據綁定href屬性

Question

我正在嘗試將錨屬性綁定到KnockoutJS ViewModel字段。 我試過這樣的事情：

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

但這不起作用。 我可以在哪里獲得html元素的可能數據綁定值列表？

Answer 1

您需要使用attr綁定，這允許您設置您喜歡的任何屬性。

例如：

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

Answer 2

在這里，您可以找到所有可能綁定的列表。

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

在左側（側邊欄），您可以找到其他綁定的鏈接，如文本，attr樣式等。

你可以這樣做

attr: { href: Link}, text: Title如xwrs評論

或創建模板http://knockoutjs.com/documentation/template-binding.html

希望這可以幫助

Answer 3

作為@ RichardFriend的答案 （以及更常用的選項）的替代方法 ，您可以編寫一個自定義綁定處理程序，使您的視圖更加簡潔：

 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> 

Answer 4

這對我來說很完美

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