Angular Bootstrap模式下的AngularJS注入问题
Angular Bootstrap模式下的AngularJS注入问题
提问于 2013-11-18 01:54:24
我正在集成Angular Bootstrap中的模式，并尝试将here中的代码样本应用到我的应用程序中。我得到了错误：Error: [$injector:unpr] Unknown provider: $modalInstanceProvider <- $modalInstance
要让$modalInstance正常工作，我需要做些什么？我从代码示例中看到，他们已经编写了它，所以它在函数的范围内，但我不确定在链接控制器时如何编写内容。
angular.module('myApp', ['ui.bootstrap']).
controller('ModalInstanceCtrl', function($scope, $modalInstance) {
}).
factory('AuthService', ['$http', '$rootScope', '$modal',
function($http, $rootScope, $modal) {
return {
loginModal: function(callback) {
var modalInstance = $modal.open({
templateUrl: '/partials/main/signin',
controller: 'ModalInstanceCtrl'
});
modalInstance.result.then(function(selectedItem) {
$scope.selected = selectedItem;
}, function() {});
}
};
}
]);回答 2
Stack Overflow用户
回答已采纳
发布于 2013-11-18 02:18:29
好的-问题实际上出在我的模板上。我已经将样本中的部分修改为：
<div ng-controller="ModalInstanceCtrl">
<div class="modal-header">
<h3>I am a modal!</h3>
</div>
<div class="modal-body">
<ul>
<li ng-repeat="item in items">
<a ng-click="selected.item = item">{{ item }}</a>
</li>
</ul>
Selected: <b>{{ selected.item }}</b>
</div>
<div class="modal-footer">
<button class="btn btn-primary" ng-click="ok()">OK</button>
<button class="btn btn-warning" ng-click="cancel()">Cancel</button>
</div>
</div>而实际上我需要删除ng-controller引用。
<div>
<div class="modal-header">
<h3>I am a modal!</h3>
</div>
<div class="modal-body">
<ul>
<li ng-repeat="item in items">
<a ng-click="selected.item = item">{{ item }}</a>
</li>
</ul>
Selected: <b>{{ selected.item }}</b>
</div>
<div class="modal-footer">
<button class="btn btn-primary" ng-click="ok()">OK</button>
<button class="btn btn-warning" ng-click="cancel()">Cancel</button>
</div>
</div>我仍然觉得我是在跌跌撞撞地使用Angular，但这似乎起到了作用！
Stack Overflow用户
发布于 2015-10-31 13:00:17
如控制器所示，您不必指定ng- modal example angular ui元素。您可以在定义模态时指定控制器属性。
var modalInstance = $uibModal.open({
animation: $scope.animationsEnabled,
templateUrl: 'myModalContent.html',
controller: 'ModalInstanceCtrl',
resolve: {
items: function () {
return $scope.items;
},
dataModel: function () {
return $scope.data;
}
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20034115
复制相关文章
相似问题