2

我是一个适度的 Knockout 用户，但这是我第一次在 MVC4 环境中使用它。所有通常的绑定都正常工作，但我遇到了一个问题，当我加载然后绑定部分视图时，我的 href 属性绑定似乎没有被触发。

这是我的部分视图标记：

<div id="quick-panel">
    <a class="icon-set" data-bind="attr: { href: Contact.fullEditUrl() }" >&#x1F4DD;</a>
</div>

<div id="rightbarcontent">
....
</div>

<script>
ko.applyBindings(window.contact.viewmodel, document.getElementById("rightbarcontent"));
</script>

这是我定义 Contact.fullEditUrl() 的视图模型片段：

window.contact.Contact = function (data) {
    var contact = this;
    this.id = ko.observable(data.id);
    this.fullEditUrl = ko.computed(function() {
        return "http://localhost:24191/contact/contactfulledit/" + data.id;
    });
}

我在加载 DOM 后触发命名空间绑定。我在同一页面上的所有其他绑定（大约 20 个）都是正确的，但是从来没有为我的锚标记设置 href，我不确定为什么。我已经在各种站点和线程上仔细检查了我的语法，它似乎是正确的

4

1 回答 1

0

你想要 this.id() 而不是 data.id()

我也建议你做

window.contact.Contact = function (data) {
   var contact = this;
   contact.id = ko.observable(data.id);
   contact.fullEditUrl = ko.computed(function() {
       return "http://localhost:24191/contact/contactfulledit/" + contact .id();
   });
}

如果 id 永远不会改变（它看起来不像它，你根本不必使用任何可观察或计算的：

window.contact.Contact = function (data) {
   var contact = this;
   contact.id = data.id;
   contact.fullEditUrl = "http://localhost:24191/contact/contactfulledit/" + contact.id
}

仅当您需要跟踪的某些事情发生变化时，您才需要使用 observable。

就部分而言。部分是否包含在主要上下文中（您在 ko.applyBindings 中绑定的内容）？因为如果不是，那么 ko 将无法找到它。

我建议您将所有内容包装在另一个 div 中并绑定到它。

但是，如果您的主页上已经绑定了某些内容，则该内容包含在其中。然后再次应用绑定将失败。在这种情况下，我建议您做以下两件事之一：

1）将它们组合到相同的绑定上下文中。2）确保您在主页和部分中的绑定不重叠。重叠绑定将导致它们失败。

于 2014-02-25T15:50:08.760 回答