创建一个链接 - Knockout.js

Question

我有一个 default.js，它像这样存储我的数据：

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


            },

我希望在我的 default.html 中有一个从上面的 url 创建的链接。

我试过这样：

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

但是什么也没有出现。如果我尝试带有“title”属性的东西，它会起作用：

   <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