Angular ui-bootstrap modal unbekannter Anbieter

Question

Ich habe viele Fragen zu diesem Problem gelesen, aber ich kann immer noch keine Lösung für meinen Fall finden.

Unknown provider: $uibModalProvider <- $uibModal 

Was ich bisher getan haben:

angular-bootstrap über npm

npm install angular-bootstrap 

ui-bootstrap-tpls.js in meiner index.html nach angular.js und angular-route.js und vor app.js und Controller

hinzugefügt installiert hinzugefügt Dieser Code in 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); 
    }; 
}); 

(es gibt einige mehr Code in diesem Teil, aber es ist in diesem Moment nicht relevant)

ich bisher nirgends die modal oder Alarm-Funktion aufgerufen, so bisher nicht verwendet wird.

Was mache ich falsch? Ich bin immer noch ziemlich neu mit eckigen, wenn es möglich ist, mag ich eine detaillierte Erklärung mit einigen Beispielen.

Danke!

Answer 1

Haben Sie das angulare UI-Dateiskript in Ihre Seite eingefügt?

Wenn ja, sollte es funktionieren. Wenn nicht, vielleicht sollten Sie uns eine Probe (oder andere Website) Probe