Question

我有一个default.js存储我的数据：

 {
                     id: 2
                    , title: 'testitem'
                    , url: 'http://www.alink.com/item=112920'
                    , dependsOn: [1]


            },

我想在default.html中使用从上面的网址创建的链接。

我试过这样：

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

但没有出现。如果我尝试使用＆＃34;标题＆＃34;属性是否有效：

   <h3 data-bind="text: title"></h3>

Answer 1

您可以将数据对象存储在变量中，并且必须激活 knockout.js绑定。

var data = {
    id: 2,
    title: "Hello world",
    url: "http://www.google.com",
    dependsOn: [1]
};

 // Activates knockout.js
 ko.applyBindings(data);

和您的 HTML

<h3 data-bind="text: title"></h3>
<a data-bind="attr: { href: url }">
Testitem
</a>

然后一切都会好起来的。您只需激活 knockout.js 绑定。

您可以在此处找到代码。 https://codepen.io/AElkhodary/pen/ZrxrqV

创建一个链接 - Knockout.js

1 个答案: