如何在 Hottowel 中使用 Knockout Mapping 插件

Question

我能够在 VisualStudio 中安装 ko.mapping，但是当我尝试在我的视图中映射一些 Json 数据时它不起作用。谁能告诉我我做错了什么？

这是我的视图模型

define(['plugins/router', 'knockout', 'services/logger', 'durandal/app', 'mapping'], function (router, ko, logger, app, mapping) {

    //#region Internal Methods
    function activate() {
        logger.log('Google Books View Activated', null, 'books', true);
        return true;
    }
    //#endregion
    //==jquery=================================================
    function attached() {


    }//-->end of viewAttached() 

    //========VIEWMODEL========================================
    var ViewModel = function (data) {
        activate = activate;
        attached = attached;
        title = 'google Books';

    };

    return new ViewModel();

});

这是Jsfiddle中的一个工作示例

Answer 1

我认为您不需要返回新的视图模型。你只需要返回视图模型。

define(['plugins/router', 'knockout', 'services/logger', 'durandal/app', 'mapping'],
  function (router, ko, logger, app, mapping) {
    var books = ko.observableArray();
    function activate() {
      getBooks().then(function(){
        logger.log('Google Books View Activated', null, 'books', true);
        return true;
      });
    }
    function attached() {
    }
    function getBooks(){
      $.getJSON(url, function (data) {
        vm.books(ko.mapping.fromJS(data));
        return true;
      });
    }

    var vm = {
      activate : activate,
      attached : attached,
      title : 'google Books',
      books: books
    };

    return vm;
});

编辑
要查找 requirejs 错误，请将其添加到您的 main.js 文件中。它应该有助于跟踪 requirejs 模块加载错误。

requirejs.onError = function (err) {
    console.log(err.requireType);
    if (err.requireType === 'timeout') {
        console.log('modules: ' + err.requireModules);
    }

    throw err;
};