How to set `href` on a link in Knockoutjs?

Question

I’m starting with Knockoutjs and would like to know if you have how to attach a link received by AJAX/JSON in a tag <a href="meu link aqui">Meu link</a>.

HTML:

<div data-bind="text: url"></div>

<hr/>

<a data-bind="href: url">Google</a>

Javascript:

function App() {
  this.url = "http://www.google.com/";
}

ko.applyBindings( new App() );

No Jsfiddle: http://jsfiddle.net/3V53L/

Answer 1

Just use the Binding attr

<a data-bind="attr: { href: url }">
    Report
</a>

<script type="text/javascript">
    var viewModel = {
        url: ko.observable("http://www.google.com/"),
    };
</script>

source: http://knockoutjs.com/documentation/attr-binding.html