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) { ... }