0

angularでモーダルを使用しようとすると、この問題が発生します

$modalProvider <- $modal <- User.Ctlr

ここに私のapp.jsがあります

'use-strict';

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

これが私のコントローラーです

'厳密を使用';

App.controller('User.Ctlr', ['$scope', '$modal', '$http', function ($scope, $modal, $http) { 
}]);

ここに私のHTMLがあります

<body ng-app="App">
    <div class="container" ng-controller="User.Ctlr">
     </div>
</body>
<script src="/scripts/lib/jquery-1.9.1.min.js"></script>
<script src="/scripts/lib/angular.min.js"></script>
<script src="/scripts/lib/bootstrap.js"></script>
<script src="/scripts/lib/ui-bootstrap-tpls-2.2.0.min.js"></script>
<script src="/scripts/app/app.js"></script>
<script src="/scripts/app/controllers/userCtrl.js"></script>

何が間違っているのか理解できません。以前はモーダルがないときに適切に機能していたので、コントローラーはまったく同じでしたが、変数 $modal でした。

4

2 に答える 2

0

$modalInstanceモーダルの代わりに注入する必要があります

app.controller('User.Ctlr', function ($scope, $modalInstance, $http)
{
   //Use modalInstance
});

デモ

于 2016-11-06T06:23:53.253 に答える
0

私が変更され

<script src="/scripts/lib/ui-bootstrap-tpls-2.2.0.min.js"></script>

為に

<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.9.0.js"></script>

そして今、それは正しく機能しています！ありがとう

于 2016-11-06T06:26:55.653 に答える