angularjs - ngx - ui bootstrap tpls 2.5 0

ui bootstrap modal''s controller ''no está definido''

Question

Estoy tratando de usar la directiva modal de ui-bootstrap 0.6

Aquí está el puntero predeterminado de trabajo de la página ui-bootstrap:

http://plnkr.co/edit/JGBiBSeRqOnwRhYA9py8?p=preview

ahora, traté de hacer que el estilo de codificación se ajuste al estilo de semilla angular para incluirlo en una aplicación como esta:

http://plnkr.co/edit/Y59rwlcNpQdijKtmjOPy?p=preview

angular.module(''MyModal'', [''ui.bootstrap'', ''MyModal.controllers'']);
angular.module(''MyModal.controllers'', [])
.controller(''ModalDemoCtrl'', [ ''$scope'', ''$modal'', ''$log'', 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());
});
};
}])
.controller(''ModalInstanceCtrl'', [ ''$scope'', ''$modalInstance'', ''items'', 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'');
};
}]);

pero está dando un error ReferenceError: ModalInstanceCtrl is not defined

¿Cómo puedo hacer este trabajo utilizando esta forma de definir los controladores?

Answer 1

Proporcione el nombre del controlador como String , exactamente como lo haría en las definiciones de ruta, directivas, etc .:

var modalInstance = $modal.open({
templateUrl: ''myModalContent.html'',
controller: ''ModalInstanceCtrl'',
resolve: {
items: function () {
return $scope.items;
}
}
});

Answer 2

Puede usar comillas como sugiere la otra respuesta, o también puede hacer el ejemplo en los documentos y definir la variable:

var ModalInstanceCtrl = function ($scope, $modalInstance, items) { ... }