반응형
ui 부트스트랩 모드의 컨트롤러 '정의되지 않음'
ui-bootstrap 0.6의 modal directive를 사용하려고 합니다.
다음은 ui-bootstrap 페이지의 작동 기본 플렁커입니다.
http://plnkr.co/edit/JGBiBSeRqOnwRhYA9py8?p=preview
이제, 저는 코딩 스타일을 각시드 스타일에 맞게 만들어 이를 하나의 앱에 포함시키려고 했습니다.
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');
};
}]);
하지만 그것은 오류를 주고 있습니다.ReferenceError: ModalInstanceCtrl is not defined
컨트롤러를 정의하는 이 방법을 사용하여 어떻게 이 작업을 만들 수 있습니까?
경로 정의, 지시사항 등과 같이 컨트롤러 이름을 String으로 지정합니다.
var modalInstance = $modal.open({
templateUrl: 'myModalContent.html',
controller: 'ModalInstanceCtrl',
resolve: {
items: function () {
return $scope.items;
}
}
});
다른 대답이 암시하는 대로 따옴표를 사용하거나 문서의 예제와 같이 수행하여 변수를 정의할 수도 있습니다.
var ModalInstanceCtrl = function ($scope, $modalInstance, items) { ... }
언급URL : https://stackoverflow.com/questions/19432592/ui-bootstrap-modals-controller-is-not-defined
반응형
'sourcetip' 카테고리의 다른 글
스프링 부트 스타터에서 아티팩트 ID 및 버전 가져오기 (0) | 2023.10.25 |
---|---|
치명적 오류: iostream:GCC를 사용하여 C 프로그램을 컴파일할 때 이러한 파일이나 디렉터리가 없습니다. (0) | 2023.10.25 |
연락처 양식 7 수신자의 동적 수 (0) | 2023.10.25 |
워드프레스에서 기본 화면 옵션을 변경하는 방법 (0) | 2023.10.25 |
Oracle: 기존 값에 추가하여 데이터 행 업데이트 (0) | 2023.10.25 |