Verwenden Sie den eckigen js-Controller, um ein Cookie zu überprüfen und ein Modal zurückzugeben

ankurjhawar

Ich implementiere ein SPA, in dem ich ein HTML-Element habe, das einen AngularJS-Controller aufruft.

Hier ist meine Anforderung:

Ich möchte im Controller überprüfen, ob ein bestimmtes Cookie verfügbar ist: - Wenn ja, dann rufen Sie einen Dienst an. Wenn nicht, geben Sie ein Modal zurück (mit einigen Fragen, die ich in Cookies speichern möchte, wenn der Benutzer auf "Speichern" klickt modal)

Bis jetzt kann ich das Cookie in der Steuerung überprüfen, aber ich kann dem Benutzer kein Modal anzeigen.

Ich habe bereits eine HTML-Vorlage (partials / question.html) erstellt, die das Twitter-Bootstrap-Modal verwendet, kann dieses Modal (HTML) jedoch nicht an den Benutzer zurückgeben.

Ich habe den modalen Dienst von anglejs ausprobiert, bin aber auf den Grund gegangen, da ich nicht in der Lage bin, dieselbe HTML-Vorlage mit derselben zu erstellen (es funktioniert, aber es ist keine coole Benutzeroberfläche).

Jeder Vorschlag oder Code-Ausschnitt, den ich als Referenz verwende, wäre eine große Hilfe.

Bearbeiten Sie den fehlenden Code:

    var modalInstance = $modal.open({
                            templateUrl: 'partials/questionaire.tpl.html',
                            controller: 'QuestionaireController',
                            size: 'lg',
                            windowClass: 'modal-fit',
                            resolve: {
                                 questionaires: function () {
                                    return $scope.questionaires;
                                 }
                            }
                        });


'partials/questionaire.tpl.html'            
===     
<div class="modal fade" id="questionaireModal" tabindex="-1" role="dialog" aria-labelledby="questionaireModalLabel" aria-hidden="true" ng-controller="QuestionaireController as questionaireCtrl">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        ....
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        ...
      </div>
    </div>
  </div>
</div>

Vielen Dank! AJ

ankurjhawar

Ich habe etwas Dummes getan.

Das obige Problem war, dass ich ein Modal (unter Verwendung des Modal-Dialogs und der Modal-Content-Klasse von Bootstrap) erstellt und dann die obige Vorlage an den $ modal-Dienst übergeben habe, um unter einer Bedingung zur Ansicht zurückzukehren.

Sobald ich den Modaldialog aus der Vorlage entfernt habe, hat es wie ein Zauber funktioniert.

Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.

Bei Verstößen wenden Sie sich bitte [email protected] Löschen.

bearbeiten am
0

Lass mich ein paar Worte sagen

0Kommentare
LoginNach der Teilnahme an der Überprüfung

Verwandte Artikel

TOP Liste

  1. 1

    So legen Sie mit dem Interface Builder unterschiedliche führende Speicherplätze für unterschiedliche Geräte fest

  2. 2

    Fügen Sie eine weitere Schaltfläche zu gwt Suggest Box hinzu

  3. 3

    Wie konvertiere ich einen Vektor von Bytes (u8) in eine Zeichenfolge?

  4. 4

    Wie kann ich in SCSS mehrere Klassen zu einer einzigen kombinieren?

  5. 5

    Wie konvertiert man einen Datenrahmen im langen Format in eine Liste mit einem geeigneten Format?

  6. 6

    Speichern Sie ein MPAndroidChart-Diagramm in einem Bild, ohne es in einer Aktivität anzuzeigen

  7. 7

    Gruppieren Sie Datenrahmenspalten nach ihrem Datum (die Spaltentitel enthalten) und fassen Sie die Instanzen von Einsen und Nullen in R . zusammen

  8. 8

    Tomcat - Leiten Sie den alten Kontextstamm zum neuen Kontextstamm um

  9. 9

    Eclipse Oxygen - Projekte verschwinden

  10. 10

    Wie wählt man Unterschiede mit drei Tabellen aus?

  11. 11

    Tic Tac Toe-Spiel im React-Reset-Button funktioniert nicht

  12. 12

    So berechnen Sie die Verfügbarkeit von Anwendungen (SLA)

  13. 13

    ElasticSearch BulkShardRequest ist aufgrund von org.elasticsearch.common.util.concurrent.EsThreadPoolExecutor fehlgeschlagen

  14. 14

    Wie kann ich den Kaskadenmodus global einstellen?

  15. 15

    Python: Spalten mit demselben Namen zusammenführen, wobei der Mindestwert beibehalten wird

  16. 16

    So erhalten Sie eine gleichmäßige Höhe für alle Eingabefelder

  17. 17

    Wie erstelle ich einen neuen übergeordneten Knoten außerhalb der .ref (/ path) in der Firebase-Echtzeitdatenbank mithilfe von Cloud-Funktionen (Typescript)?

  18. 18

    Was ist schneller: SUM über NULL oder über 0?

  19. 19

    Wie kann ich eine verschachtelte Schleife mit lapply in R ersetzen?

  20. 20

    Kann ich ein Tkinter-Canvas erstellen, das mehrere Zeilen in einem Text-Widget umfasst?

  21. 21

    Ärgerliches Problem mit yaml, das ich nicht lösen kann

heißlabel

Archiv