Angjularjs Добавление контроллера в index.html дает пустую страницу

Question

Совершенно новый для Углового. У меня есть контроллер, который, когда я добавляю его в свой список файлов сценариев на странице index.html, мой сайт перестает работать, и я получаю пустые страницы для всех своих просмотров. Я не уверен, что я делаю неправильно? Я добавить контроллер в мой файл index.html, как этот

<script src="app/components/common/ModalDemoCtrl.js"></script> 

И я вставить свой код контроллера ниже, если это часть проблемы.

var app = angular.module('crm.ma', ['ngAnimate', 'ui.bootstrap']); 

app.controller('ModalDemoCtrl', function ($scope, $uibModal, $log) { 

$scope.items = ['item1', 'item2', 'item3']; 

$scope.animationsEnabled = true; 

$scope.open = function (size) { 

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

    modalInstance.result.then(function (selectedItem) { 
     $scope.selected = selectedItem; 
    }, function() { 
     $log.info('Modal dismissed at: ' + new Date()); 
    }); 
}; 

$scope.toggleAnimation = function() { 
    $scope.animationsEnabled = !$scope.animationsEnabled; 
}; 

}); 


app.controller('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'); 
}; 
}); 

Если бы кто-нибудь мог мне помочь, это было бы здорово. Заранее спасибо.

Answer 1

Служба $uibModal была введена очень недавно, в версии 0.14.0 от ui-bootstrap. Я предполагаю, что вы все еще на версии < 0.14.0 из ui-bootstrap, следовательно, заменить:

$uibModal 

с

$modal 

Или обновить ui-bootstrap до 0.14+