0

Ich versuche $ uibModal von this site

zu implementieren, aber sobald ich $ uibModal Service zu meinem Controller hinzufügen Ich erhalte Fehler: [$ Injektor: UNPR] ? http://errors.angularjs.org/1.4.8/ $ Injektor/UNPR p0 =% 24uibModalProvider% 20% 3C-% 20% 24uibModal% 20% 3C-% 20dailymenuController Mein Winkel Code ist unten:

var app = angular.module('App', ['djangular-confirm','djangular-alert','ui.bootstrap']).config(function($httpProvider,$interpolateProvider) { 

       $httpProvider.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'; 
       $httpProvider.defaults.headers.common['X-CSRFToken'] = '{$ csrf_value $}'; 
       $interpolateProvider.startSymbol('{$'); 
       $interpolateProvider.endSymbol('$}'); 
      }); 

      app.controller('dailymenuController', function($scope, $http, $location, $djconfirm, $djalert, $uibModal) { 

       var modalInstance = $uibModal.open({ 

       }); 
}); 

ich habe diese beiden Dateien hinzugefügt: ‚ui -bootstrap-custom-1.3.3.js ' ' bootstrap-custom-tpls-1.3.3.js '

Ich bin Anfänger in eckigen und hat wenig Entwicklung mit eckigen so weit. Ich suchte auf Google und SO und lernte "ui.bootstrap" beim Erstellen des Moduls kennen. Aber selbst das hat das Problem nicht gelöst. Jede Hilfe wäre großartig. [$injector:unpr]

+0

Sie injizieren ui.bootstrap und $ uibModel korrekt, vielleicht liegt das Problem bei den Importen. Können Sie den Code angeben, wo Sie die Abhängigkeiten importieren? – Rambler

+0

Welche Beziehung besteht zwischen den Modulen 'dailymenuController' und' App'? – dfsq

+0

kannst du dir auch html präsentieren? – shershen

Antwort

1

diese Art von Fehler besagt, dass Angular nicht resolve provider for the item Sie verwenden - in Ihrem Fall $uibModal in Ihrem Controller

app.controller('dailymenuController', ['$scope', '$uibModal', function($scope, $uibModal) { 
    var modalInstance = $uibModal.open({ 
    //... 
    }); 
}]); 
+0

Ich habe das bereits zu meinem Controller hinzugefügt -> app.controller ('dailymenuController', Funktion ($ scope, $ http, $ location, $ djconfirm, $ djalert, $ uibModal) – Simer

+0

es hängt von der Build/Struktur Ihres Projekts ab , aber das mag der Fall sein, dass Sie die DI-Elemente in einem zusätzlichen Array angeben müssen, wie ich vorgeschlagen habe: '' 'app.controller (NAME, [ARRAY_IN_QUOTES, Funktion (ARRAY) {// Code}])' ' ' – shershen

+0

Ich habe das versucht, aber keine Hilfe.Same Fehler. :( – Simer

0

Sie müssen beide injizieren müssen, gehören:

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.5.0/ui-bootstrap.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.5.0/ui-bootstrap-tpls.min.js"></script> 

Nach eingeschlossenem Angular.