ngDialog - wie Dialog von der Vorlage zu schließen (d. H. Keine Controller-Funktionen)?

Question

Auf ngDialog (https://github.com/likeastore/ngDialog), gibt es eine eingebaute Möglichkeit, einen Dialog aus der Vorlage selbst zu schließen? I.e. also brauche ich keine Funktionen in der Steuerung, die den Dialog aufrufen?

Dies ist meine Vorlage (errorPopup.html):

<div> 
    <div class="alert alert-warning"> 
    <div class="errorLogo"><i class="icon-exclaim"></i></div> 
    <div class="errorContent" data-ng-bind-html="errorMessage"></div> 
    </div> 
    <div class="buttonWrapper"> 
    <button type="button" class="btn-primary pull-right"> 
     <span res="close"></span> 
    </button> 
    </div> 
</div> 

Und das ist, wie ich den Dialog zu öffnen:

function showErrorPopup() { 
    ngDialog.open({ 
    template: 'errorPopup.html', 
    scope: $scope, 
    className: 'ngdialog-theme-default ngdialog-cart-theme', 
    showClose: true, 
    appendTo: 'div[ui-view]', 
    closeByDocument: false 
    }); 
} 

Also, wenn ich rufe showErrorPopup() Ich habe ein Dialog angezeigt zu bekommen, Allerdings muss ich diese Schaltfläche "schließen", um das Popup tatsächlich zu schließen/schließen. Ab sofort ist dies nur ein Plan-Button, der nichts bewirkt.

Gibt es etwas, was ich tun kann, ein Template-Level (ohne den Code meines Controllers zu ändern), damit der Button funktioniert?

Vielleicht sollte ich eine Standardtaste anstelle meiner eigenen verwenden? Wenn das so ist, wie?

PS: Ich merke, dass das Klicken auf die X-Taste oben rechts funktioniert, das Popup wird geschlossen.

Vielen Dank!

Answer 1

Wenn Sie die Schließen-Funktion der ngDialog direkt aus der Ansicht aufrufen möchten, müssen Sie das Modul selbst auf den Bereich innerhalb der Steuerung injizieren, damit es aus der Ansicht verfügbar wird :

$scope.ngDialog = ngDialog; 

Dann können Sie ihn direkt aus der Ansicht verwenden:

<button ng-click="ngDialog.close()">Close</button> 

Answer 2

Es ist schwer zu sagen, was genau Sie falsch machen, bis Sie einige Controller und app.js und HTML-Code Inhalte einfügen. Ja, hat ngDialog integrierte Möglichkeit, den Dialog

Sie den Klassennamen Stellen Sie sicher, die Schließung auf ‚ngdialog-theme-Flach ngdialog-theme-custom‘ oder anderer CSS-Klasse als innen offene Funktion in der Dokumentation beschrieben .

Answer 3

Sie haben hinzugefügt Handler mit dem Namen "closeThisDialog", aber Funktion hat einen anderen Namen "closePopup".

Vielleicht ist es Ihr Problem.

Answer 4

einfach die folgenden Schritte 1.when App

var app = angular.module('sampleApp', ['ngDialog']);
2.use Taste wie diese

<button ng-click="clickMe()">Click to Open</button> 

3.put dies in Ihrem Controller

`$scope.clickMe = function() { 
    ngDialog.open(); 
};` 

standardmäßig die Schaffung Es hat Code zum Schließen, es wird automatisch geschlossen, wenn Sie auf Schließen klicken. Hoffe, es wird nützlich sein

Answer 5

Sie `t ngDialog Modul in Ihrem $ Umfang haben zu injizieren.Sie können closeThisDialog() Funktion in Ihrem Popup-Vorlage direkt anrufen:

<button ng-click="closeThisDialog(0)">Close</button> 

Funktionsargument der Wert Popup mit aufzulösen.