Ausführliche Erläuterung der Verwendung des Angular-Browser-Plugins Batarang

Dieses Mal erkläre ich Ihnen ausführlich, wie Sie das Browser-Plug-in Batarang von Angular verwenden Fall, werfen wir einen Blick darauf.

Einführung in das Angular-Browser-Plug-in Batarang

Für diejenigen, die neu bei Angular sind, wird es ziemlich schmerzhaft sein, Angular zum ersten Mal zu übernehmen. Tatsächlich hat Angular im Vergleich zu JQuery, Backbone usw. einen relativ hohen Schwellenwert und ist schwieriger zu debuggen. Heute bringe ich Ihnen einen Angular Eine Einführung in das Chrome-Plugin Batarang wird Ihnen helfen, Ihr Verständnis von Angular zu vertiefen.

Vorbereitung

Batarang installieren:

Methode 1: Suchen Sie Batarang im Chrome App Store und installieren Sie es.

1. Methode 2: Suchen Sie das Batarang-Installationspaket online und installieren Sie es direkt im Chrome-Browser.

Verwenden Sie

Öffnen Sie im Browser eine Angular-Anwendung mit dem installierten Batarang-Plug-in und öffnen Sie die Konsole, wie unten gezeigt:

Sie werden feststellen, dass es in der Konsole eine zusätzliche

AngularJS

-Seite gibt. Klicken Sie auf „Aktivieren“ und das Steuerelement kann verwendet werden:

Modelle

Klicken Sie auf „Modelle“. Auf der linken Seite werden die Informationen aller Bereiche unter der Anwendung angezeigt, und auf der rechten Seite werden die Modellinformationen angezeigt, die dem Bereich entsprechen. Klicken Sie auf einen Bereich. Alle Modellinformationen im Bereich werden rechts angezeigt.

Durch Klicken auf „<“ vor „Scope“ wird zum DOM-Tag gesprungen, in dem sich der Scope in Elements befindet.

Leistung

Performace zeigt die Leistung der Anwendung und die rechte Seite zeigt die Leistung des Überwachungs-

Ausdrucks

. Diese Seite kann uns bei der Leistungsoptimierung helfen.

Abhängigkeiten

Abhängigkeiten zeigen die Abhängigkeiten zwischen Anweisungen und Diensten an. Wenn Sie eine Anweisung auswählen, können Sie die Dienste sehen, von denen sie abhängt.

Optionen

Schließlich ist die Optionsseite. Es gibt drei Optionen: „Anwendungen anzeigen“, „Bereiche anzeigen“ und „Bindungen anzeigen“. Wenn jede Option aktiviert ist, wird der entsprechende Inhalt während des Debuggers auf der Seite hervorgehoben

Hilfe

Wenn Sie Fragen haben, schauen Sie bitte in der Hilfe nach

Element

Tatsächlich verwende ich am häufigsten AngularJS auf der rechten Seite von Element. Registerkarte „Eigenschaften“. Wenn im Element-Tag ein Tag ausgewählt ist, verfügt der Inhalt auf der rechten Seite der Element-Seite über ein zusätzliches AngularJS Eigenschaftenseite, die die Eigenschaften des ausgewählten HTML-Inhaltsbereichs anzeigt. Diese Funktion ist für Angular nützlich Das Verständnis des Umfangs ist sehr nützlich. Wenn Sie Angular Scope nicht sehr gut verstehen, können Sie diese Funktion häufiger verwenden.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Wie NodeJS Redis verwendet, um den Cache zu kapseln

Angepasste domänenübergreifende Ajax-Komponentenkapselung

Express+multer implementiert die spezifischen Schritte zum Hochladen von Knotenbildern

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Verwendung des Angular-Browser-Plugins Batarang. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!