Data-bind href attribute for anchor tag

javascript html data-binding knockout.js
xwrs picture xwrs · Nov 14, 2011 · Viewed 55.3k times · Source

I'm trying to bind anchor attributes to a KnockoutJS ViewModel field. I tried something like this:

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

but this doesn't work. Where I can get a list of possible data-bind values for html elements?

Answer

Richard Friend picture Richard Friend · Nov 14, 2011

You need to use the attr binding, this allows you to set any attribute you like.

For example:

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

Related questions

How to Implement DOM Data Binding in JavaScript

Please treat this question as strictly educational. I'm still interested in hearing new answers and ideas to implement this tl;dr How would I implement bi-directional data-binding with JavaScript? Data Binding to the DOM By data binding to the DOM …

Read More
open email client through javascript

is there anyway through which I can open more than one email client, (on a single click) in java script, I know how to use mailto but don't know how to open multiple clients this code opens the client on …

Read More
AngularJS use two way data binding to display image in img element tag as source?

I am making a http request that returns a url to an image. I would like to display the image in my html page. Is there a way to do this? I idea of what I want to do is (…

Read More