[英]Loading angular ui-bootstrap with require.js fails unless i rename ui.bootstrap?
代碼摘要:
main.js:
require.config({
paths: {
'uiBootstrap': '../lib/bootstrap/angular-bootstrap/ui-bootstrap-tpls.min'
},
shim: {***},
priority: ['angular'],
deps: [
'./bootstrap'
]
});
bootstrap.js:
define([
'require',
'angular',
...
], function (require, ng) {
'use strict';
require([
'domReady!',
'uiBootstrap'
], function (document) {
ng.bootstrap(document, ['app']);...
app.js:
define([
'angular',
...
], function (ng) {
'use strict';
return ng.module('app', [
...
'uiBootstrap'
]);
});
嘗試不同的組合時,我遇到了一系列不同的錯誤。 直到我進入ui-bootstrap-tpls.min.js並實際上將所有ui.bootstrap替換為uiBootstrap並修改了模塊名稱引用,如上所示。 並且presto - ui-bootstrap工作正常。
顯然,這不是最佳解決方案。
任何人都可以提供深入了解為什么會發生這種情況以及解決問題的更好方法是什么,所以我不會公開使用這個源代碼修改過的ui-bootstrap?
謝謝!
在你的app.js
給依賴關系到angular
你應該把它作為'ui.bootstrap'
(這是正確的模塊名)而不是你在main.js
定義的自定義名稱。
所以你的app.js
看起來像:
define([
'angular',
'uiBootstrap',
...
], function (ng) {
'use strict';
return ng.module('app', [
...
'ui.bootstrap'
]);
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.