asp.net-mvc - Durandal KO 绑定视图问题

Question

我的 Durandal 视图模型是这样工作的：

define(function (require) {
var http = require('durandal/http');

return {
    subjectItem: function (data) {
        var self = this;
        self.Subject_ID = data.Subject_ID;
        self.Subject_Name = data.Subject_Name;
    },
    subjects: ko.observableArray([]),
    activate: function () {
        var self = this;
        http.ajaxRequest("get", "/api/values/getsubjects")
            .done(function (allData) {
                var mappedSubjects = $.map(allData, function (list) { return new self.subjectItem(list); });
                self.subjects(mappedSubjects);
            });
    }
};
});

然而，在第一次导航到这个视图时，它运行 ajax 调用但不更改 dom，再次导航到它并且它们都出现（仍然运行 ajax 调用）。这是我的html：

<table>
<thead>
    <tr>
        <th>Name</th>
    </tr>
</thead>
<tbody data-bind="foreach: subjects">
    <tr>
        <td data-bind="text: Subject_Name"></td>
    </tr>
</tbody>
</table>

任何线索，我对使用 Durandal 非常陌生，但现在担心它不会有效地保持 dom 更新。

Answer 1

我认为您的问题非常类似于：HotTowel: Viewmodel lost mapping when navigating pages

AJAX 调用是一个异步任务，因此您需要在 activate 函数中返回一个 Promise 以告知 durandal 等到检索到数据后再继续应用绑定。