角度錯誤：[$注射器：unpr]新增ui.bootstrap

Question

我已經建立了簡單的角度頁，但除ui.bootstrap到依賴後，我得到了一個錯誤：

Error: [$injector:unpr] http://errors.angularjs.org/1.4.8/$injector/unpr?p0=%24modalProvider%20%3C-%20%24modal%20%3C-%20HomeController 

下面是引用部分

<link href="Content/bootstrap.min.css" rel="stylesheet" /> 
<script src="Scripts/angular.min.js"></script> 
<script src="Scripts/angular-route.min.js"></script> 
<script src="Scripts/angular-ui/ui-bootstrap-tpls.min.js"></script> 
<script src="app/AngularFormsApp.js"></script> 
<script src="app/EmployeeForm/efController.js"></script> 
<script src="app/EmployeeForm/efDirective.js"></script> 
<script src="app/DataService.js"></script> 

，這是我的應用程序的js：

var angularFormsApp = angular.module('angularFormsApp',['ngRoute','ui.bootstrap']); 
angularFormsApp.config(function($routeProvider) { 
    $routeProvider 
     .when("/home", { 
      templateUrl: "app/Home.html", 
      controller: "HomeController" 
     }).when("/newEmployeeForm", { 
      templateUrl: "app/EmployeeForm/efTemplate.html", 
      controller: "efController" 
     }).when("/updateEmployeeForm/:id", { 
      templateUrl: "app/EmployeeForm/efTemplate.html", 
      controller: "efController" 
     }).otherwise({ 
       redirectTo:"/home" 
     }); 
}); 

angularFormsApp.controller("HomeController", 
function ($scope, $location, $modal,DataService) { 
    $scope.showCreateEmployeeForm = function() { 
      $location.path('/newEmployeeForm'); 
     $modal.open(
     { 
      templateUrl: 'app/EmployeeForm/efTemplate.html', 
      controller: 'efController' 
     }); 
    }; 
    $scope.showUpdateEmployeeForm = function (id) { 
     $location.path('/updateEmployeeForm/'+id); 
    }; 
}); 

任何想法，我才錯index.html文件嗎？ Whitout ui.bootstrap引用該頁面運行良好。

Answer 1

更新版本已將$modal更改爲$uibModal。

相同ui前綴被添加到一些服務。 查看文檔示例

Answer 2

要充分利用UIB的全部功能，請使用ng-animate腳本並將其注入到模塊中。這會爲您的模式添加動畫。