AngularJS 1.3 Grundkurs

Template in HTML-Datei definieren

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Die Erstellung eines Skript-Knotens dient dazu, ein Template als Vorlage direkt in der HTML-Datei zu definieren.
02:05

Transkript

Ich möchte euch jetzt hier ein kleines Beispiel zeigen, wie wir in der Lage sind, die Templates direkt in der HTML- Datei selbst zu definieren. Dafür erzeuge ich im Grunde genommen nur einen Script-Knoten, und in diesem Knoten verwende ich den TYPE Text/ng Template. Wenn ich da Text/ng Template verwende, wird es automatisch im Kontext von AngularJS verarbeitet, und dafür braucht es dann noch eine ID, damit ich dann später auch in der Lage bin, dieses Template anzusprechen, und in der ID werde ich jetzt hier einfach mal eingeben "myTemplate", und werde als Template hier selber eigentlich nichts Atemberaubnis hier machen, immer ein div Container mit der Klasse well von Bootstrap und mache hier noch eine Überschrift rein, und in der Überschrift soll dann denn "Hello World", wunderbar, und zusätzlich werde ich jetzt hier eine neue "Section" erstellen, und in dieser Section erzeuge ich ein div-Knoten, wo ich mit ng-include entsprechend das Template, dass ich hier erzeugt habe, dann einbinden möchte, und ich muss im Grunde genommen nur noch darauf achten, das ng-include ja selber auf eine Eigenschaft des Scopes heucht, oder wenn ich dann hier nochmal eine Zeichenkette definiere, dann direkt dann halt auch die ID, dann darüber definiert werden kann. Zusammengefasst wird jetzt folgendes passieren: es wird eine Section erzeugt, in diesem div-Knoten wird wie ng-include, dieser div-Knoten quasi hineininjeziert, und das Ganze habe ich realisiert, indem ich hier die ID, die ich hier in dem Scriptknoten definiert habe, als ng-include Eigenschaft, als Zeichenkette definiert habe, und im Script-Knoten selber den ng-Template Typ verwendet habe. Jetzt wird spannend, wir gucken was passiert! So, und tam tam! Da haben wir unser "Hello World", und das ist komplett über diesem Script-Knoten jetzt hier eingebunden, indem ich ng-Template als Typ verwendet habe.

AngularJS 1.3 Grundkurs

Legen Sie mit AngularJS moderne, anspruchsvolle Webprojekte auf der Basis von HTML, CSS und JavaScript an.

4 Std. 15 min (74 Videos)
Derzeit sind keine Feedbacks vorhanden...
Hersteller:
Software:
AngularJS AngularJS 1.3
Exklusiv für Abo-Kunden
Erscheinungsdatum:19.11.2014

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!