Der Modale-Modus von angular-bootstrap wird trotz scheinbar korrektem Aufruf nicht angezeigt

Ich versuche zu rufen modales Dialogfeld aus einer eckigen controller. Das Beispiel ist ziemlich einfach und nicht weit von sehr trivial. Ich habe code wie

$modal.open({
        template: '<div class="modal-body">Choose current project<button class="btn btn-primary" ng-click="ok()">OK</button> <button class="btn btn-warning" ng-click="cancel()">Cancel</button></div>',
        controller: ModalChooseProjectCtrl
    });

Controlling-Funktion wird deklariert, als

var ModalChooseProjectCtrl = function($scope, $modalInstance) { 
         $scope.ok = function() {
        $modalInstance.close($scope.chosenProject);
    };

    $scope.cancel = function() {
        $modalInstance.dismiss('cancel');
    };
};

und es wird aufgerufen, aus innerhalb einer controller-Funktion gehört, div, enthält bootstrap - navbar.

Problem: wenn ich die invoke-Funktion, dass $modal.open call, Fehler werden angezeigt

  Error: [$compile:tplrt] Template for directive 'modalBackdrop' must have exactly one root element. template/modal/backdrop.html 
  http://errors.angularjs.org/1.2.15-build.2378+sha.9335378/$compile/tplrt?p0=modalBackdrop&p1=template%2Fmodal%2Fbackdrop.html


  Error: [$compile:tplrt] Template for directive 'modalWindow' must have exactly one root element. template/modal/window.html
  http://errors.angularjs.org/1.2.15-build.2378+sha.9335378/$compile/tplrt?p0=modalWindow&p1=template%2Fmodal%2Fwindow.html

Diese Fehler sagen, dass die Vorlage, so zu sprechen, mut, eingewickelt in eine html-root-element, das ist obviosuly so aus Vorlage.
Außerdem werden Sie nach Aufruf sehe ich, dass folgende Elemente werden im code -

 <div modal-backdrop="" class="ng-scope"></div>
 <div modal-window="" index="0" animate="animate" class="ng-scope"></div>

und wenn ich auf weitere modal-Fenster angezeigt, in code. Aber Bildschirm nur springt und es passiert nichts und ich bekomme nicht mein modales Dialogfeld. Während in Plunker der aufrufende code für dialog zeigt es ganz gut (http://plnkr.co/edit/VJ1Kick7QWE3X0bL6gtw , aber es ist einfach basic-routine aufrufen.)

InformationsquelleAutor der Frage Askar Ibragimov | 2014-03-19

Schreibe einen Kommentar