knockout.js
Href結合

備考

attrバインディングの使用

<a data-bind="attr: { href: myUrl }">link with dynamic href</a>

ko.applyBindings({
  myUrl: ko.observable("http://www.stackoverflow.com")
});

KnockoutJSにはネイティブhrefバインディングがないので、ダイナミックリンクを取得するためには別の機能を使用する必要があります。上記の例は、組み込みのattrバインディングが動的リンクを取得することを示しています。

カスタムバインディングハンドラ

hrefバインディングはKnockoutJSにとってネイティブではないため、ダイナミックリンクを取得するにはカスタムバインディングハンドラを使用します。

<a data-bind="href: myUrl">link with dynamic href</a>

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