AngularJS wiederverwendbare modale Bootstrap-Anweisung

7

Ich bin neu bei AngularJS. Ich versuche ein wiederverwendbares modales Bootstrap zu implementieren.
Dies ist die index.html:     

%Vor%

Dies ist das Modul, Controller und Direktive:

%Vor%

Und das ist die HTML-Vorlage:

%Vor%

Ich möchte, dass die Schaltfläche "Warnung starten" (im modalen Modus) die Warnung ausführt, und sie tut es gut. Das Problem ist, dass es gestartet wird, wenn Sie im Modal auf die Schaltfläche "Abbrechen" klicken und wenn das Fenster geschlossen wird. Irgendwelche Ideen?
Hier ist der Arbeitscode: Code
Danke.

    
Ultegra 18.03.2014, 15:34
quelle

3 Antworten

7

Ich würde vorschlagen, dass Sie nicht an ng-click binden. Es gibt noch andere magische Dinge, die mit den Dingen verschmelzen können. Es gibt auch einen Syntaxfehler in Ihrem partiellen.

Ich habe diese Probleme in meiner Gabel hier behoben:

Zypern

Zusammenfassend:

script.js :

Ändern Sie Ihre callbackbuttonright -Bindung von ngClick auf ngClickRightButton

%Vor%

index.html :

Ändern Sie data-ng-click in data-ng-click-right-button

%Vor%

Ein weiteres kleines Problem:

partialmodal.html :

Ändern Sie , in ;

%Vor%     
bjtitus 18.03.2014, 15:55
quelle
7

Wenn jemand noch interessiert ist, hier ist ein Beispiel, an dem ich kürzlich mit der Bootstrap-Modal- und Angularjs-Direktive gearbeitet habe.

>

HTML:

%Vor%

JavaScript:

%Vor%     
S Hasan 10.01.2015 14:22
quelle
6

Im Vergleich zu anderen Optionen, unten der minimalistische Ansatz mit Angular Bootstrap und einer eckigen Factory . Sehen Sie sich ein Beispiel-Snippet an.

  1. Wiederverwendbare modale Ansicht - ConfirmationBox.html

%Vor%
  1. Wiederverwendbares Modul und geteilte Factory, um den wiederverwendbaren modalen Dialog zu bearbeiten

%Vor%
  1. Teil Ihrer Ansicht unter Verwendung des freigegebenen Modaldialogs

%Vor%
  1. Controller Ihrer Ansicht, Öffnen des freigegebenen wiederverwendbaren Modaldialogs und Bearbeiten von Benachrichtigungen (Ok und Abbrechen)

%Vor%
    
Abraham Varghese 01.07.2015 17:30
quelle