Angular UI: Unbekannter Provider: dialogProvider

Question

Ich versuche, das folgende eckige UI-Beispiel eines einfachen Dialogfelds mit einer Schließen-Schaltfläche zu replizieren. https://github.com/angular-ui/bootstrap/blob/master/src/dialog/README.md. Allerdings kann ich nicht den dialog Parameter richtig in meinen Dialog-Controller injiziert bekommen.

Der Controller sieht unten wie (unter Verwendung von Coffeescript)

angular.module('myApp', ['ui.bootstrap']) 

angular.module('myApp').controller 'MyController', ($dialog, $scope) -> 
    $dialog.dialog().open('dialogTemplate', 'DialogController') 

angular.module('myApp').controller 'DialogController', ['$scope', 'dialog', ($scope, dialog) -> 
    $scope.close = -> dialog.close() 
] 

Siehe Plunker für eine Live-Version: http://plnkr.co/edit/ejKh7w8Sk9H7Nz3rXhdc?p=preview

Angular gibt mir die folgende Fehlermeldung:

Unknown provider: dialogProvider <- dialog 

Irgendwelche Ideen auf, wie der dialog -Parameter in DialogController injiziert werden konnte, wie in t gesehen wird Er hat das oben erwähnte Beispiel? Ich vermute, das könnte etwas mit CoffeeScript zu tun haben, da ich mit dieser Sprache ziemlich neu bin, aber es scheint ziemlich richtig zu sein, wenn ich mir die kompilierte Ausgabe anschaue.

Answer 1

Ich hatte ein ähnliches Problem und rang nach finde eine Lösung.

Ich erwartete zwei zusätzliche Argumente für meinen Controller; ..., selectedView, dialog). Es schien meinen Dialog mit den richtigen Argumenten zu versorgen, aber ich bekam immer noch einen Fehler in der Konsole.

Das Problem war, dass ich den Controller zweimal referenzierte;

1. Wenn mein Dialog öffnen: dialog.open('template', 'myController')
2. In meiner template Datei: section(ng-controller='myController')

Entfernen (2), um das Problem gelöst, da das nicht durch den Dialog Code aufgerufen wurde, die meine selectedView bereitgestellt Argument und das Standardargument .

Hoffe, dass jemand hilft.

Answer 2

Der Dialoganbieter heißt $dialog (s. dialog.js). So müssen Sie den injizierten Wert $dialog wie Sie richtig in MyController benennen.

angular.module('myApp').controller 'DialogController', ['$scope', '$dialog', ($scope, $dialog) -> 
    $scope.close = -> dialog.close() 
] 

→ Plunker

Hinweis: Wie definieren Sie Ihre Abhängigkeiten, da die Controller Argumente Strings genannt werden können, wie Sie möchten:

... ['$scope', '$dialog', (myscope, mydialog) -> ... 

Answer 3

Kristofer Sommestad ist hier richtig. aber ich habe das gleiche problem.problem war eine ältere version von ui-bootstrap-tpls (wie version 0.11.0) unterstützt nicht $dialog .so verwendete neue version von ui-bootstrap-tpls.