Question

我有Durandal viewmodel这样工作：

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 lose mapping when navigating between pages

AJAX调用是异步任务，因此您需要在activate函数中返回一个promise，告诉durandal等待数据被检索，然后继续应用绑定。

Durandal KO Binding View Issue

1 个答案: