$ modalとui.bootstrapは動作しません

Question

私は$ uibmodalを実装しようとしている初心者ですが、モーダルを動作させることができないだけでなく、ui-bootstrapを追加するだけでなく、残りのコードが機能しなくなります。 私は「ui.bootstrap」依存関係を追加した場合は、下記のページが（私はそれを削除し、通常のようにページが読み込ま）私は$ uibmodalを含め、私のコントローラで次に

`angular 
    .module('navApp', [ 
    'ngAnimate', 
    'ngCookies', 
    'ngResource', 
    'ngRoute', 
    'ngSanitize', 
    'ngTouch', 
    'ui.bootstrap' 

    ]) 

、スコープをロードしません。 .TITLEは私のビューなどに表示されない

angular.module('navApp') 
// Passing the $modal to controller as dependency 
.controller('HomeCtrl', ['$scope', '$uibmodal', function 
($scope, $uibmodal) { 
$scope.title = "Hello, Angm-Generator!"; 
$scope.open = function() { 
var modalInstance = $uibmodal.open({ 
templateUrl: 'myModalContent.html', 
controller: 'ModalCtrl' 
}); 
}; 
}]) 

私が得たエラーMSGがangular.jsです：13550エラー：[$インジェクター：UNPR]不明プロバイダ：< $ uibmodalProvider - $ uibmodal < - HomeCtrl

何が間違っている可能性がありますか？

Answer 1

$ uibModalを資本金Mで試しましたか？働い

angular.module('ui.bootstrap.demo', ['ui.bootstrap']) 
 
    .factory('modalFactory', function($uibModal) { 
 
     //Stuff 
 
    }