[英]Data-bind href attribute for anchor tag
我正在尝试将锚属性绑定到KnockoutJS ViewModel字段。 我试过这样的事情:
<a data-bind="href: Link, value: Title"></a>
但这不起作用。 我可以在哪里获得html元素的可能数据绑定值列表?
您需要使用attr
绑定,这允许您设置您喜欢的任何属性。
例如:
<a data-bind="attr: { href: Link, title: Title }, text: Title">xxx</a>
在这里,您可以找到所有可能绑定的列表。
http://knockoutjs.com/documentation/value-binding.html
在左侧(侧边栏),您可以找到其他绑定的链接,如文本,attr样式等。
你可以这样做
attr: { href: Link}, text: Title
如xwrs
评论
或创建模板http://knockoutjs.com/documentation/template-binding.html
希望这可以帮助
作为@ 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>
这对我来说很完美
<td class="CommandArea" rowspan="2">
<p><a href='#' data-bind="click: abandon" >Abandon</a></p>
</td>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.