2016-06-05 11 views
0

Ich versuche, Master-Seite (SPA) für das Projekt zu erstellen, das AngularJs und WebApi2 verwendet. Und jede Seite, z.B. Startseite/Login-Seite/nächste Seite, wird von $ routeProvider in Data-ng-View angezeigt. Alles funktioniert gut, bis ich Popup zum Login hinzufüge, indem ich auf Passwort ändern klicke. Ich habe diesen Fehler, wie Titel und wie unten beschrieben: Unbekannter Anbieter: $ ubiModalProvider <-< ubiModal $ - loginController

at invokeLinkFn (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js:9694:9) <div data-ng-view="" class="ng-scope"> 

ich online eine Menge Lösung überprüft, und stellen Sie sicher, dass ich spritze ui.bootstrap auf die Modul von var masterApp = angular.Module ('AngularApp', ['ui.bootstrap', 'ngRoute']); und ich habe die neueste Version der Skripte: von https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.3.3/ui-bootstrap-tpls.js, und in meinem Login-Controller, definierte ich MasterApp .controller ("loginController", "$ scope", "$ http", "$ location", "authData", "$ ubiModal", Funktion ($ scope, $ http, $ location, authData, $ uibModal) {. ..}); mehr, in der Steuerung für das Popup, ich definiert masterApp.controller ('ChangePasswordPopupCtrl', Funktion ($ Scope, $ uibModalInstance, $ http, Benutzername, Passwort) {...}); Egal, wie ich es versuchte, ich bekomme immer wieder diesen Fehler, kann mir jemand sagen, was damit nicht stimmt?

Antwort

0

Sie sind ständig

ubiModal 

im Code falsch geschrieben verwendet wird; Es gibt keine solche Anweisung in eckigen-ui-bootstrap. Korrekter Name ist uibModal. Korrigieren Sie die Tippfehler und Ihr Code funktioniert.

+0

ja, danke für die Korrektur, gibt es ein anderes Problem, dass ich nur ein Skript ui-bootstrap-tpls.js, aber auch brauchen ui-bootstrap.js. –