Плагин отображения Knockout.js с require.js

17

Каков стандартный способ загрузки плагина отображения в 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. Любые указатели / предложения будут оценены.

Спасибо, Ravi

    
задан Ravi 25.06.2012 в 23:34
источник

3 ответа

30

При использовании с AMD плагин сопоставления экспортирует свою функциональность в отдельный объект. Таким образом, функциональность будет привязана к вашей переменной mapping , и вы можете отключить ее методы (например, mapping.fromJS ).

Вы можете выбрать, чтобы в вашем коде было установлено ko.mapping , равное mapping , если у вас есть код, который зависит от ko.mapping , который вы не можете изменить.

    
ответ дан RP Niemeyer 26.06.2012 в 00:12
источник
  • +1 Это способ сделать это –  daedalus28 26.06.2012 в 00:17
  • Как мне отобразить, чтобы я мог продолжать использовать ko.mapping? ти –  David 21.05.2013 в 00:48
  • вы могли бы прикрепить объект сопоставления к объекту ko, если это необходимо. –  RP Niemeyer 21.05.2013 в 15:02
  • просто используйте koMapping как псевдоним и потеряйте точку :) –  P.Scheit 28.05.2014 в 18:37
7

Объект конфигурации может указывать набор зависимостей и обратный вызов, где может выполняться дополнительная конфигурация / манипуляция зависимостей:

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

  // configuration dependencies

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

  // configuration callback

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

И когда вы включаете свои скрипты в разметку, перед загрузкой необходимо загрузить конфигурацию:

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

Теперь Knockout.js будет доступен с свойством ko.mapping по желанию при использовании в определении модуля.

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

Обратите внимание, что это сокращенный пример конфигурации. Для плагина сопоставления требуется некоторая корректировка, чтобы указать правильный экспорт, просто не помните, с моей точки зрения, что это такое.

    
ответ дан sellmeadog 08.05.2013 в 22:21
источник
  • Я столкнулся с условием гонки, в котором требуется ([..] вызывается до запуска обратного вызова. Мне очень нравится, как обратный вызов устанавливает ko.mapping, но он не работает для меня все время –  Brandon 23.01.2016 в 23:32
4

На стороне примечания, поскольку вы используете Lo-Dash , вам не нужно включать «подчеркивание» в опции «shim» RequireJS , В Lo-Dash поддерживается поддержка AMD.

    
ответ дан John-David Dalton 07.07.2012 в 23:11
источник