angularjs ui.bootstrap $ modalが動作していません

Question

私はAngularjsで新しく、私は "ui-bootstrap"を使って$ modal作業をどうすればいいのですか？

私のコンソールでこの種のエラーが発生しました。

angular.min.js:118 Error: [$injector:unpr] http://errors.angularjs.org/1.5.8/$injector/unpr?p0=%24modalProvider%20%3C-%20%24modal%20%3C-%20myCtrl 
at angular.min.js:6 
at angular.min.js:43 
at Object.d [as get] (angular.min.js:40) 
at angular.min.js:43 
at d (angular.min.js:40) 
at e (angular.min.js:41) 
at Object.invoke (angular.min.js:41) 
at S.instance (angular.min.js:89) 
at p (angular.min.js:65) 
at g (angular.min.js:58) 

    // my controller 
    <script > 
    angular.module('myApp', ['ui.bootstrap']) 
    .controller('myCtrl', [ '$scope', '$modal', 
     function($scope, $modal) { 

    }]); 

私の頭のタグ：

<link rel="stylesheet" type="text/css" href="/myAngularApp/css/style.css"> 
<script type="text/javascript" src="/myAngularApp/css/jquery/jquery.js"></script> 
<script type="text/javascript" src="/myAngularApp/css/angular/angular.min.js"></script> 
<script type="text/javascript" src="/myAngularApp/css/angular/angular-animate.min.js"></script> 
<script type="text/javascript" src="/myAngularApp/css/angular/angular-route.min.js"></script> 
<script type="text/javascript" src="/myAngularApp/css/bootstrap/bootstrap.js"></script> 
<script type="text/javascript" src="/myAngularApp/css/bootstrap/bootstrap.min.js"></script> 
<script type="text/javascript" src="/myAngularApp/css/bootstrap/ui-bootstrap.min.js"></script> 
<script type="text/javascript" src="/myAngularApp/css/bootstrap/ui-bootstrap-tpls.min.js"></script> 

Answer 1

変更$modal$uibModalへ。

<script > 
angular.module('myApp', ['ui.bootstrap']) 
.controller('myCtrl', [ '$scope', '$uibModal', 
    function($scope, $uibModal) { 

}]); 

Plunker

Docs