带有 require.js 的 Knockout.js 映射插件

Posted 2023-02-22

【中文标题】带有 require.js 的 Knockout.js 映射插件

【英文标题】：Knockout.js mapping plugin with require.js

【发布时间】：2012-06-27 04:50:57

【问题描述】：

在 require.js 中加载映射插件的标准方式是什么？

下面是我的 config.js（require.js 配置文件）

require.config(
    // Initialize the application with the main application file.
    deps: ["app"],

    paths:
        // javascript folders.
        libs: "lib",
        plugins: "lib/plugin",
        templates: "../templates",

        // Libraries.
        jquery: "lib/jquery-1.7.2.min",
        underscore: "lib/lodash",
        text: 'text',
        order: 'order',
        knockout: "lib/knockout",
        knockoutmapping: "lib/plugin/knockout-mapping"

    ,

    shim:
        underscore:
            exports: '_'
        ,

        knockout:
            deps: ["jquery"],
            exports: "knockout"
        
    

在我的视图模型中

define(['knockout', 'knockoutmapping'], function(ko, mapping) 

但是，映射不绑定到 ko.mapping。任何指针/建议将不胜感激。

谢谢， 拉维

【参考方案1】：

与 AMD 一起使用时，映射插件会将其功能导出到单独的对象中。因此，该功能将附加到您的mapping 变量，您可以调用它的方法（如mapping.fromJS）。

如果您的代码依赖于您无法更改的ko.mapping，您可以选择在代码中将ko.mapping 设置为等于mapping。

【讨论】：

如何映射以便我可以继续使用 ko.mapping？ ty

如果需要，您可以将映射对象附加到 ko 对象。

只用koMapping作为别名，丢一个点：)

【参考方案2】：

您的配置对象可以指定一组依赖项和一个回调，可以在其中执行进一步的依赖项配置/操作：

var require = 
  paths: 
    'knockout': '...',
    'mapping': '...'
  ,

  // configuration dependencies

  deps: ['knockout', 'mapping'],

  // configuration callback

  callback: function (ko, mapping) 
    ko.mapping = mapping;
  
;

当你在标记中包含你的脚本时，配置应该在 require 之前加载：

<script src="/scripts/config.js" />
<script src="/scripts/require.js" />

现在，当在模块定义中使用时，Knockout.js 将根据需要提供 ko.mapping 属性。

define(['knockout'], function (ko) 
  // ko.mapping is available
);

请注意，这是一个简化的配置示例。映射插件需要一些垫片来指定正确的导出，只是不记得它是什么。

【讨论】：

我遇到了一个竞争条件，其中 require([.. 在回调运行之前被调用。我真的很喜欢回调如何设置 ko.mapping，但它对我不起作用一直

【参考方案3】：

附带说明，因为您使用的是Lo-Dash，所以您不需要在 RequireJS“shim”选项中包含“下划线”。 Lo-Dash 内置了 AMD 支持。