在link-knockout.js中包含值

时间:2018-02-21 19:00:39

标签: javascript jquery knockout.js

我需要创建一个类似此架构的链接:

<a href="#" data-page="item=2828">Test</a>

我正在使用这个值:

                 {
                    id: 1
                    , details: 'item=2828'
                    , dependsOn: []
                    , links: [
                             {
                             label: 'data'
                             , url: '#'
                             }
                          ]
                    },

到目前为止,这是我的代码:

 <a data-bind="attr: { href: url, 'data-page': details }, click: function(){

  _gaq.push(['_trackEvent',$parent.title, label, url, details]);

  return true;

  }, "></a>

如何获得data-page="text: details"

1 个答案:

答案 0 :(得分:1)

  

attr绑定提供了一种通用方法来设置关联DOM元素的任何属性的值。这很有用,例如,当您需要根据视图模型中的值设置元素的title属性,img标记的src或链接的href时,属性值会在相应时自动更新模型属性的变化。

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

因此,要获得像[{1}}这样的锚标记的属性,您的绑定应该看起来像data-page="some value"

将它与您现有的数据和绑定相结合,您应该得到:

&#13;
&#13;
data-bind="attr: { 'data-page': 'some value'}"
&#13;
ko.applyBindings({
    details: 'item=2828',
    url: '#Test'
})
&#13;
&#13;
&#13;