2016-09-24 11 views
0

私はこの問題について多くの質問を読んだが、私はまだ私の場合の解決策を見つけることができません。角度ui-bootstrapモーダル不明のプロバイダ

Unknown provider: $uibModalProvider <- $uibModal 
私がこれまで行ってきた何

angular.jsangular-route.js後、私のindex.htmlにui-bootstrap-tpls.jsを追加

npm install angular-bootstrap 

NPM経由angular-bootstrapをインストールし、app.js前とコントローラ

追加このコードはapp.js

var angularApp= angular.module('angularApp', [ 
    'ngRoute', 
    'ui.bootstrap' 
]); 

var confirmPopup = null; 
angularApp.run(function ($rootScope, $http, $location, $interval, authService, $uibModal, $timeout, $route) { 


    alert = function (text) { 
     var modalInstance = $uibModal.open({ 
      templateUrl: '/partials/alertmodal.html', 
      controller: 'alertController', 
      backdrop: 'static', 
      resolve: { 
       text: function() { 
        return text; 
       } 
      } 
     }); 
    } 

    confirmPopup = function (text, callBacktrue, callBackfalse) { 
     var confirmbool; 

     var modalInstance = $uibModal.open({ 
      templateUrl: '/partials/modal.html', 
      controller: 'modalController', 
      backdrop: 'static', 
      resolve: { 
       text: function() { 
        return text; 
       } 
      } 
     }); 

     modalInstance.result.then(callBacktrue, callBackfalse); 
    }; 
}); 

(そこにいくつかのより多くのコードは、この部分であるが、それは現時点では関係ありません)

私はこれまでどこにもモーダルまたはアラート機能を呼ばないので、これまで使用されていません。

私は間違っていますか?私はまだ角張った状態でかなり新しいので、可能ならばいくつかの例を挙げて詳細な説明が好きです。

ありがとうございます!

+0

メインモジュールにangular-uiを注入しましたか? –

+0

あなたのアプリケーションモジュールに 'ui.bootstrap'を注入する必要があります。 –

+0

申し訳ありません、コードを忘れて、はい、それを挿入します(コードが追加されました) – NVO

答えて

0

あなたのページに角度uiファイルスクリプトを含めましたか?

「はい」の場合は動作するはずです。そうでない場合、おそらく私たちはjsfiddle(または他のサイト)のサンプルをゲッツしてください

+0

これはコメントだったはずです! –

+0

私は答えとして私は彼がファイルを含めることを忘れたと思うのでputtedしました。 – MathKimRobin

+1

これは部分的な解決策でした。私はangular-ui.jsファイルを持っていなかったので、いくつかの検索をした後に、angle-bootstrapの代わりにangular-ui-bootstrapが見つかりました。 (https://github.com/angular-ui/bootstrap)ので、npm経由でインストールした後、2つのファイルを含めて、すべてが動作しています! – NVO

関連する問題