未捕獲的錯誤：[$注射器：modulerr]試圖注入$模塊

我試圖從使用的角度引導模態服務：

<script src="bower_components/angular/angular.min.js"></script> 
    <script src="bower_components/angular-bootstrap/ui-bootstrap.min.js"></script>  
    <script src="js/index.js"></script>

我的應用程序控制器（index.js）：

var app = angular.module('emaApp', ['ui.bootstrap']); 

app.controller('mainCtrl', ['$scope', '$http', '$modal', function($scope, $http, $modal) { 
    // ... 
}]);

但是，我沒有得到超出此錯誤消息，我看不出有什麼問題：

jquery.min.js:2 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.6.1/$injector/modulerr?p0=emaApp&p1=Error%3A%…host%3A8080%2Fweb%2Fbower_components%2Fangular%2Fangular.min.js%3A21%3A332) 
    at angular.js:38 
    at angular.js:4759 
    at q (angular.js:357) 
    at g (angular.js:4720) 
    at eb (angular.js:4642) 
    at c (angular.js:1838) 
    at Mc (angular.js:1859) 
    at pe (angular.js:1744) 
    at HTMLDocument.<anonymous> (angular.js:32977) 
    at j (jquery.min.js:2)

來源

2017-02-03 displayname

@VinodLouis我不知道，[這裏]（https://angular-ui.github.io/bootstrap/ ）它說'ui.bootstrap.modal'。 – displayname

確定它不是'$ uibModal'？ –

要使用模式注入$uibModal

那麼你的控制器將是：

app.controller('mainCtrl', ['$scope', '$http', '$uibModal', function($scope, $http, $uibModal) { 
    // ... 
}

來源

2017-02-03 12:05:48

如果我使用'$ uibModal'去與'ui-bootstrap.js'一起使用 – displayname

好，那麼他們在覈心ui-bootstrap –

你要加載這個腳本：

<script src="..path_to_script../ui-bootstrap-tpls.js"></script>

來源

2017-02-03 11:58:20 Korte

我嘗試過''但它是相同的結果。有趣的是，它可以像'@ uibModal'一樣工作，就像@Ian Brindley建議的 – displayname

它是否可以在不添加'ui-bootstrap-tpls.min.js'的情況下使用'$ uibModal'？ – Korte

你沒有關閉控制器正確

而是這個

app.controller('mainCtrl', ['$scope', '$http', '$modal', function($scope, $http, $modal) { // ... }

使用本

app.controller('mainCtrl', ['$scope', '$http', '$modal', function($scope, $http, $modal) { // ... }]);

的

來源

2017-02-03 11:58:37 krishna

不幸的是，這只是一個複製和粘貼錯誤，因爲我刪除了'function（）'裏面的代碼 – displayname

未捕獲的錯誤：[$注射器：modulerr]試圖注入$模塊

回答

相關問題