jquery - Bootstrap 文件输入 -Kartik - 与 requirejs 、 AngularJS 一起使用时失败且没有错误消息

Question

我正在尝试在我的元素中设置此插件 http://plugins.krajee.com/file-input演示在这里，http://plugins.krajee.com/file-input/demo设置起来非常简单，但是我的元素使用 AngularJS、requirejs 来加载所有依赖项和 angular-ui 路由器，因此我将 require css 文件添加到我的 html 页面，然后我从 require.js 配置文件指向 .js 文件，当我这样做时，插件简单地失败，没有任何错误消息。有人知道问题出在哪里吗？或者该插件无法与 require.js 一起使用

这是我的需要配置文件

require.config({
baseUrl: "/Client/"
, paths: {
    "jquery": "libs/jquery-1.10.2.min"
    , 'async': 'plugins/requirejs-plugins/async'
          , "angular": "libs/angularjs1.3/angular"
      , "bootstrapFileInput": "plugins/bootstrapfileinput/js/fileinput"
}
})

Answer 1

Require.js 将您的 JavaScript 与其他脚本隔离以避免冲突。您需要在配置 shim 中指定 fileinput 需要哪些依赖项。

require.config({
    paths: {
        'bootstrap': 'path/to/bootstrap.min',
        'fileinput': 'path/to/fileinput',
        'jquery': 'path/to/jquery.min'
    },
    shim: {
        "bootstrap" : {
            "deps" :['jquery']
        },
        "fileinput" : {
            "deps" :['jquery','bootstrap']
        }
    }
});
require(['bootstrap','fileinput'],function(){});

第二个 require 调用将触发异步加载。Fileinput 将扫描 dom 并在加载后更改它找到的任何输入。