以下 angular.ui 模态example显示 modalInstance
调用ModalIntanceCtrl
稍后将其创建为函数:
var ModalDemoCtrl = function ($scope, $modal, $log) {
$scope.items = ['item1', 'item2', 'item3'];
$scope.open = function () {
var modalInstance = $modal.open({
templateUrl: 'myModalContent.html',
controller: ModalInstanceCtrl,
resolve: {
items: function () {
return $scope.items;
}
}
});
modalInstance.result.then(function (selectedItem) {
$scope.selected = selectedItem;
}, function () {
$log.info('Modal dismissed at: ' + new Date());
});
};
};
var ModalInstanceCtrl = function ($scope, $modalInstance, items) {
$scope.items = items;
$scope.selected = {
item: $scope.items[0]
};
$scope.ok = function () {
$modalInstance.close($scope.selected.item);
};
$scope.cancel = function () {
$modalInstance.dismiss('cancel');
};
};
我有 2 个问题/问题:
myApp.controller('GreetingCtrl', ['$scope', function($scope) {
$scope.greeting = 'Hola!';
}]);
但是如果我这样创建 Controller ,我怎么能把它注入(inject)到modalInstance中呢?
loginCtrl
,这是个问题吗?我应该以某种方式子类化 loginCtrl 还是从 ModalInstanceCtrl 调用它?如果是这样 - 究竟如何? 我会很高兴得到有关这方面的指导和澄清。
谢谢!
最佳答案
您的问题不是很清楚,但是如果您使用模块API声明 Controller ,那么您可以将 Controller 作为字符串提供给模态服务
myApp.controller('ModalInstanceCtrl', ['$scope', function($scope) { $scope.greeting = 'Hola!'; }]);
controller: 'ModalInstanceCtrl',
loginCtrl
也可以这样做如果您想在模态服务中使用它。
关于angularjs - 在 angular.ui 模态中注入(inject) Angular Controller 依赖项的正确方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19487259/