0

我在尝试以角度使用模态时遇到了这个问题

$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 回答