AngularJS - Hallo Welt

Hallo Classic World

Wenn wir eine neue Sprache lernen, erstellen wir im Allgemeinen zuerst ein kleines Programm, das die klassische für uns druckt. "Hallo Welt"Obwohl dies in einer Anwendung möglicherweise nicht wirklich von Nutzen ist, hat es mehrere Auswirkungen. Es lehrt uns, die Sprache zu starten und gibt uns eine Möglichkeit zu überprüfen, ob alles richtig funktioniert.
In diesem Abschnitt werden wir sehen, wie man a Hallo Welt, zusätzlich das Anzeigen und Überprüfen der zugehörigen Konzepte, die es uns ermöglichen, Anwendungen in zu erstellen AngularJS.
In AngularJS Die Vorlage befindet sich auf der Client-Seite, daher gelangen die Daten in unsere Anwendung und werden genau in diesem Bereich für die Nutzung durch den Benutzer organisiert und aufbereitet; wenn Sie dieses Konzept auf eine einseitige Anwendung anwenden und verwenden AJAX Wir werden in der Lage sein, Dynamik zu erreichen, ohne dass der Benutzer das Web, in dem er surft, neu laden muss.
Um eine einfache Hallo Welt Und wenn wir das oben Gesagte wissen, sehen wir uns an, was wir brauchen, um unser Ziel zu erreichen:

• Wir brauchen ein HTML base, wo wir zwei Dateien einbinden. Der erste wird der sein AngularJS und das zweite ist ein benutzerdefiniertes Skript, in das unsere Verarbeitungslogik gehen wird.
• Innerhalb der HTML Sie müssen den Block definieren, in dem AngularJS Einfluss haben wird, d. h. wo wir das Label platzieren werden ng-app.
• In unserem benutzerdefinierten Skript müssen wir einen Controller erstellen AngularJS um den Text an unsere Anwendung zu übergeben.

Sobald wir wissen, was wir brauchen, müssen wir den entsprechenden Code erstellen, sehen wir uns im folgenden Bild an, wie wir es gemacht haben:

VERGRÖSSERN

Wir sehen, dass wir aufgenommen haben AngularJS von dem Google-CDN Auf diese Weise müssen wir die Dateien im Moment nicht in unser Projekt herunterladen. Anstatt ein benutzerdefiniertes Skript einzubinden, haben wir die Anweisungen geschrieben, die wir benötigen, wir tun dies als Demonstration. Es ist immer gut, die Dateien zu trennen Code, damit es einfacher zu handhaben ist.
Schon das Etikett HTML hat die Eigenschaft ng-app was bedeutet, dass AngularJS hat das gesamte Dokument als Geltungsbereich und wir machen ein div, wo wir a platzieren ng-Controller was ist ein Controller AngularJS.
WichtigAlles, was unser Controller tun wird, ist das Wort zu drucken Hallo neben dem Wort Welt die wir bereits zuvor geschrieben haben, heben wir hervor, wie AngularJS braucht nicht mehr, als dass wir das definieren Kontextvariable und er stellt automatisch die entsprechenden Links zu uns her.
Schauen wir uns nun an, wie das alles im Browser aussieht, wir haben das geöffnet Firebug-Konsole um zu zeigen, was passiert ist, als wir unsere Bewerbung gestartet haben:

VERGRÖSSERN

Wir können dann feststellen, wie AngularJS Zum Zeitpunkt des Ladens des Dokuments haben Sie das Wort platziert Hallo in unserer div und auf diese Weise würde die Anwendung funktionieren.
Wie wir sehen, haben wir unsere erstellt Hallo Welt und wir haben ein bisschen mehr verstanden, wie es funktioniert AngularJS Und was wir meinen, wenn wir davon sprechen, dass sich die Vorlage im Client befindet, stellen wir uns vor, dass das Wort Daten sind, die von einem Webservice stammen. Hier sehen wir, wie es eine neue Dimension annimmt, da wir mehr Dynamik in unseren Anwendungen generieren könnten.
VorherigeSeite 1 von 2NächsteHat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben