Erstellen Sie tolle Web-Apps mit Angular 7

1. Willkommen zu diesem Kurs: angular ist ein Open-Source-Webanwendungs-Framework von Google und einer Gemeinschaft von Privatpersonen und Unternehmen gelebt haben . Wenn Sie mit unserem Herzen der eckigen Jays Nacharbeit vertraut sind, ist die neue Anglo DreamWorks ein komplettes verwandtes aus dem gleichen Team, das Winkelaufbau fordert. Ursprünglich wurde dies wirklich auch eckig genannt . Aber dies führte zu Verwirrung unter den Entwicklern zu befriedigen das Team angekündigt, dass separate getan sollte für jeden Rahmen Arbeit mit eckigen Gefängnissen verwendet werden, Bezug Zehe, die Wunder Explosionen und Winkel Leiden Zehe verschlechtern Speicher nable. Ab dieser Aufnahme ist Winkelrussisch sieben die neueste. Eine eckige Anwendung missbraucht Typoskript, was, können Sie sagen, ist das anspruchsvollste Video von Charles Strict. Das ist gut von uns. Einige Sprachregionen, die derzeit nicht in der JavaScript-Spezifikation enthalten sind, müssen gelöscht werden. Aber da die Proteste nur Java-Rock verstehen, kommt der eckige Famer mit einem Compiler, der Ihre Typen in einen gleichen JavaScript-Kern umwandelt . Für diese Winkel-Benutzer, rechts hinten eckige Anwendungen sind erstaunlich Farce. Major führen Sie zum Konzept der einzelnen kostenpflichtigen Anwendungen auf SPE. Dies wird durch die Verwendung eines Routermodells erreicht, das durch eckige, die abbrechen oder Komponenten faul angetrieben wird. Dies ist natürlich in erster Linie ein Handling an , was bedeutet, dass ich Ihnen Schritt für Schritt den Anwendungsentwicklungsprozess von Grund auf zeigen werde. Während ich ein paar grundlegende Beispiele verwende, damit Sie sich mit dem Konzept wohl fühlen, werde ich auch eine vollständige Liste für eine gute Rohranwendung toe entwickeln. Demonstrieren Sie die wichtigsten Konzepte aus eckig. Sieben. All das Gute, das ich in diesem Kurs entwickelt habe, steht Ihnen zur Verfügung, um nicht zu schreiben, Installieren und ausführen Sie diesen Schritt dafür werden in den nachfolgenden Vorlesungen gezeigt. jedoch nennen möchten, Wenn Sie sichjedoch nennen möchten,was ich dringend empfehle, können Sie dies tun, indem Sie mit mir tippen und das Video, wo immer nötig, pausieren. Mein Name ist, Sie wissen, ich bin ein weicherer Trainer, Entwicklerberater mit einer Branchenerfahrung aus über 20 Jahren. Ich begrüße Sie zu diesem spannenden Kurs. Es gibt viele Dinge zu lernen, also lasst uns loslegen 2. Was du zu wissen hast?: Da angular für die Erstellung von Webanwendungen verwendet wird, wird HTML die Nummer eins Voraussetzung für diesen Kurs. Sie müssen kein Meister in diesem Thema sein, aber Sie sollten einige der grundlegenden IT's Team-Angriffe zum Erstellen von Überschriften beachten. Dusan Spans sortierte eine weitere Liste, indem Bilder und Hyperlinks eingefügt wurden. Ich habe in diesem Kurs nicht viel CSS verwendet, aber eine gute Idee von CSS zu haben, hilft Ihnen, schöne Webanwendungen für das Styling zu entwickeln. Unsere Web-Anwendungen verwenden in der Regel einige gute CSS-Frameworks, und in diesem Kurs habe ich Twitter Bootstrap CIA System Arbeit verwendet. Wenn Sie eine Idee über das gleiche haben, ist es fantastisch. Aber ich erwarte nicht, dass du davon weißt. Wo immer ich Bootstrap verwende, werde ich erklären, was diese CSS-Klassen tun. Während HTML und CSS die Präsentationsschicht ganzer Webanwendungen bilden, wird der Engine-Teil der Anwendung mit Typoskript zurückgegeben. Für alle praktischen Zwecke können wir Typoskript als Erweiterung von Charles Bridge betrachten Wenn Sie also Grundkenntnisse in Javascript haben, sind Sie gut zu gehen. Die wichtigsten Funktionen, wie Adam Funktionen und Dekorateure werden erklärt, wie wir gehen 3. Erforderliche Software-Einrichtung: in diesem Video werde ich Ihnen die grundlegenden Satz von für die ersten Schritte mit einer Winkelanwendung erforderlichen zeigen . Zuerst benötigen wir Norges, der sich in Richtung North Chester Org begibt, und wir sehen hier ein paar Optionen . Es gibt eine Idee. Langfristige Unterstützung endet für ein Abendessen oder zwei auf dem aktuellen Levin Dirt Kampf oder Null Onda. Während der Installation finden Sie möglicherweise etwas auf Ihrer Wäsche hier, also klicken Sie auf diese zum Download. Lassen Sie mich sehen. Wir kümmern uns nicht um diesen Bestand und öffnen das, was den Installationsprozess beginnt. Diese Installation wird direkt nach vorne produziert. Es ist gut zu den Standardoptionen, okay? Und das ist erledigt. Nicht sehr weit kann ich gehen Zehen-Terminal sind Windows Command Brunt, Andi, suchen Sie nach Northern Test Affliction und das ist seine 11.5 Punkt Null. Indem wir Norges beleidigen, hätten wir auch NPM bekommen, mit dem wir das notwendige Winkel-Framework und seine Abhängigkeiten von NPM bestimmt Wash installieren und auch sicherstellen können, dass Sie so etwas. 6.4 Punkt eins. Sie können die NPM toe new Russian aktualisieren, indem Sie NPM update, dass g n, p m und auf Mac-Computern eingeben. Möglicherweise möchten Sie Sudo verwenden, die das Administrator-Passwort unter Windows in B m des Schreibtischs fragen könnte . G Indium ist gut genug. Dies wird tatsächlich nicht zulassen, dass die neueste russische off npm von Internet Onda macht, dass als Ihre Koch globale Installation. Dies kann ein paar Sekunden dauern, und wenn es fertig ist, wieder einmal, können wir El Bien de verstash Russisch überprüfen. Andi sollte jetzt 6.550 sehen. India Minutes North Package Manager verwendet für die Installation von globalen Paketen, Frameworks und Projektabhängigkeiten zum zweiten Aspekt aus für Projekte, die angular installieren würden . Nun, wenn der eckige Winkel ist eigentlich ein Haufen Flugfreigabe, Aber um mit einem Winkelprojekt zu beginnen, haben wir wenige Optionen. Nummer eins, wenn eine gute Ressourcen hier habe ich wenige IDs, die für die Erstellung eines eckigen Projekts verwendet werden können , und die Ideen werden sich um all diese Dinge kümmern. Wir werden Visual Studio Court verwenden, aber das ist eher wie ein zusätzlicher Wurf, Aber es ist ein sehr gutes Werkzeug für die Arbeit mit eckigen. Aber es gibt ein tun, um für eckige Decke zu setzen ist die Befehlszeilenschnittstelle, die es uns ermöglicht, eckige Produkte schnell zu erstellen. Andi hat auch viele und viele Optionen für US Toe generieren nur wenige JavaScript oder texted Core plus Build und Deployment von Anwendungen als auch. Also werden wir das benutzen. Und zu diesem Zweck müssen wir zurück zur Befehlsfront gehen und das eckige Siegellicht installieren. Und um das zu tun, sterbe ich jeden taub. G können Sie sagen, installiert. - Jack. Tachy sind Daddy G. Instant spielt keine Rolle. Und dann habe ich es in Angulo getan. Es ist letztes Jahr. Das Leben. Andi. Wenn Sie ein bestimmtes Washington angeben möchten, können Sie standardmäßig sagen, es zeigt spätestens Zehe und wieder, ich bin ein Muss zu verwenden. Aufgrund der Dash G Installation für eine reguläre Installation benötigen Sie also nicht die Pseudo-Option. Und dieses Mal ist es nicht der Buster, weil es nur vorher fragen. Und diese eckigen Seelye Augen ein sehr nützliches Werkzeug, wie eine Erwähnung, dass es viele und viele Möglichkeiten pervertiert. Zunächst verfügt es über eine Option, ein neues Projekt zu erstellen. Es hat eine Option, um einen Entwicklungs-Webserver zu starten und so weiter. So sehr gut. Wenn die Dinge erledigt sind, können wir n g Tod stash Washington in GE ist der Befehl, der installiert wurde, als wir die eckige CLI-Installation. Und hier ist es eckig CIA, wie Washington, 7.1 Punkt vier, noch Jays Frage, 11 Punkt von 11.0.0 und einige andere grundlegende Waschen sind hier aufgelistet, was wir verwenden würden. Zwar gibt es viele Ideen zur Verfügung, eine von der Meister, wahrscheinlich mächtige Ideen sind der Webstein , der ein kommerzieller ist. Es gibt, wenn es auch intelligente Idee, die in erster Linie Männer für Job ist, aber es wird auch für die Entwicklung von JavaScript-Anwendungen verwendet. Es gibt eine eckige untätig durch. Babic lebt, so dass die Leute mit der Finsternis vertraut waren, dass dies auf i d bauen auf einem Clip. Das ist also auch sehr schön. Aber das am häufigsten verwendete ist Visual Studio Core, das verschiedene tastische XT-Editor zum Scherz für die Arbeit mit dem Job-Skript Industrielle Anwendungen auf, dass dies derjenige ist, den wir verwenden würden. Es ist von Microsoft basiert Off Atom, so dass Sie Gericht dot Visual Studio dot com besuchen können. Onda entschieden, vorher ist Ihre Anwälte und Liste aus Download-Wesen, also habe ich das bereits. Es ist eine unkomplizierte Installation. Laden Sie das einfach herunter. Es ist eine ZIP-Datei, entpackt sie und fangen Sie an, das zu verwenden. So einfach wie das. 4. Wie verwendest du Beispiele oder Beispiele?: in diesem Video. Ich werde Ihnen zeigen, wie Sie diese Zip finden, die Sie dagegen getan haben, verwenden. Also muss ich sie hier abschalten, Schauspielern entgegennehmen und das Telefonbuch entführt es. Das erste, was Sie tun müssen, ist tow unzip. In meinem Fall kann ich das einfach doppelklicken und es wird direkt hier selbst extrahiert. Also öffne ich eine Befehlsfront auf diesem bestimmten Ordner. Also öffne ich es. Sag mir keins. Sieh dir das beste Gespräch an und komm dann runter. Wenn Sie den Inhalt davon sehen, werden Sie sehen, dass es einen sehr Kern verpackt oder Jason, die viele abhängige hat,aufgeführt ist, aufgeführt ist, installiert die Unterschiede in der verpackten oder Jason, die Sie in den Befehl nehmen müssen, und b m im Stopp. Sobald die Installation abgeschlossen ist, können Sie einen Befehl biegen. Ng hat Strich voll serviert. Dies wird die Entwicklungen ablaufen. Es gab und öffnet die Anwendung in Ihrem Standard eingefroren. Die Anwendung wird ausgeführt. Ich kann auf das Inkrement werden bestimmt Schaltflächen klicken, um die Anwendung zu testen. Vielleicht schließen Sie den Browser. Das ist Kontrolle. Sehen Sie auf dem Bürgerkrieg, um dies zu stoppen, um die Telefonbuchanwendung zu starten. Noch einmal werde ich unter die gleiche gehen und neue 10 Minuten öffnen. Also die Stadt in den Anwendungsordner und unter Befehl NPM fühlen Stopp, um alle Unterschiede zu installieren . Ich weiß, dass die Installation wirklich mal sehen, wie man das läuft. Im Gegensatz zur vorherigen Anwendung hängt diese von einem Rastendpunkt ab, , wenn Sie die Paketfackeln überprüfen, einen Befehl gibt. Corn Jason, Sir, wurde hinzugefügt, was einen Jason beginnt. Es gab bei 43 doppelte Null Port-Nummer, die die Daten von DB Schrägstrich später Jason liest. Die Art und Weise, wie Sie dies tun können, ist von jedem PM laufen Jason Server, und dies wird den Restaurant-Punkt an diesem bestimmten Yuanan laufen. Und jetzt kann ich eine weitere Kommandofront öffnen, oder ich kann in deiner Stadt von Gefängnisgemeinde öffnen. Und dann kann ich in geezer Dash voll sagen, Nein, die Anwendung läuft. Ich kann die Kontaktliste sein. Ich kann auf eine bestimmte Kontaktperson klicken, und es ist. Ich kann zu unserem neuen Kontakt gehen und versuchen, auch Ihre Kontaktperson hinzuzufügen 5. Was ist angular?: angular ist eines der beliebtesten Framework für die Erstellung von Clientanwendungen. Im Gegensatz zu den ursprünglichen Winkeltagen verwendet der neue Winkel Typoskript für die Entwicklung von Anwendungen zusammen mit HTML und CSS. Die Grundbausteine einer Winkelanwendung bestehen aus Komponentendirektiven, Rohren auf Injectables, die auch als Dienstleistungskompetenz bezeichnet werden. Definierte Ansichten, die zusammen mit Ihrem Programm Sets aus Bildschirmelementen sind. Logik- und Datendirektiven sind Liebhaber, um das Aussehen und Verhalten von HTML-Elementen zu steuern . Pipes hingegen werden zum Beispielzum Umwandeln von Komponentendaten in verschiedene Formate verwendet Beispiel und bei denen der Zeichenfolgenwert in Großbuchstaben injizierbare wiederverwendbare Typoskriptklassen sind, die definiert die Geschäftslogik Ihrer Anwendungen Services sind Singletons und allgemein injizierte Tau Komponente dreieckig. Damit wir dies in unserer Anwendung verwenden können, müssen wir sie in ein N G-Modell gruppieren. Jeder Angler hat ein unhöfliches Modul, das üblicherweise als Marty bezeichnet wird. Dies stellt den Bootstrap-Mechanismus bereit, der die Anwendung startet. Typischerweise importiert dieses Modell andere funktionale Modelle, organisiert Ihren Kern in verschiedene von Standmodellen, hilft bei der Verwaltung der Entwicklung komplexer Anwendungen und bei der Gestaltung der Benutzerfreundlichkeit. Darüber hinaus können Sie mit dieser Technik ein einziges digitales faul laden, das Modelle bei Bedarf lädt, um die Menge an Gericht zu minimieren, die beim Start geladen werden muss. 6. Erstelle unsere erste App mit Angular CLI: Nun, da wir alle diese grundlegenden Einrichtung erforderlich haben, lassen Sie uns beginnen, indem Sie eine neue Winkelanwendung erstellen. Jetzt musst du dich entscheiden. Wir wollen unsere Anwendungen erstellen. Ich möchte meine Anwendung auf meinem Desktop erstellen und sagen wir, ich möchte ein neues Projekt erstellen . Winkelprojekte werden erstellt ist in N. G. G. Also lassen Sie uns einen Blick es Energie Schreibtisch Müll, Gesundheit Zehe. Identifizieren Sie eine der verschiedenen Optionen, die wir haben. Und es ist, dass Liste verfügbare Befehle auf ihre scharfen Beschreibungen, und Sie können N G Hilfe nehmen, gefolgt von Optionen Jetzt in G nu ist Option, so kann ich sagen, Engine Sie helfen und dann wird das mir Hilfe bei der neuen Option geben. Wie Sie dort sehen können, gibt es viele Möglichkeiten, die wir haben. Aber das einzige, was wir tun müssen, ist die 1. 1 ist der Name, den wir geben mussten, was der Name des neuen Arbeitsbereichs ist. Grundsätzlich wird es einen Ordner erstellen, der Ihr Produkt ist. Ordner macht das auch als Ihr Projekt nach Namen, und es gibt nur wenige andere Optionen. Das glaube ich nicht. Jede dieser Optionen wird aufgezeichnet. Verzweifelte Zeit. Lasst uns einfach weitermachen und das erforschen. Also nehmen Sie Ihre Benji neu auf Lassen Sie uns sagen, für einen Jumper zuerst können wir den Namen ändern, den Sie in der Zukunft wollen. Das wird Ihnen also ein paar Fragen stellen. Nur ein paar von ihnen. Nummer eins, es hat gefragt. Was willst du? Ein Rundungseso? Nein. Jetzt ist Routing derjenige, der im Grunde das Routing-Modell geschrieben hat, das Winkelanwendungen ermöglicht , einzelne Geflechtanwendungen zu sein und den gesamten Zweck aus. Angular Web Anwendungen sind Single Place Anwendungen zu erstellen. Einzel-Bit-Anwendungen bedeutet im Grunde, dass Sie eine einzelne HTML-Funde auf den Lots und viele partielle Dateien haben , die dort auf den Browserlords sein werden. Es wird nur eine HTML-Datei auf alles andere geladen. Eine synchron machende Anwendung sieht sehr reich an Erfahrung aus. Die Benutzererfahrung wird sehr schön sein. Es gibt viele und viele Beispiele heute in der Welt, die Sie einen Blick haben können Es, einschließlich Gmail, Facebook und ein paar andere. Wir würden dies in unserem Projekt tun, so dass wir trotz der Zeit keine Winkelzehen stören wollen, aber wir würden manuell auf diese Routing-Informationen konfigurieren. Also werde ich einfach nein sagen, ich will nicht, dass dieses Floating hinzugefügt wird. Die zweite Frage bezieht sich auf die Arbeitszeittabelle. Ich werde Bootstrap für dieses bestimmte Projekt verwenden, das eines der beliebtesten ist, die Sie im CSS-Framework sagen können. Es wurde von Twitter erstellt. Andi auf Es ist wirklich cool. Also werden wir das verwenden, um es einfach bei CSS Chris Ender zu belassen, und dann wird es das Projekt erstellen. Gerüste auch alle Arten von findet seine Schaffung. Manchmal sieht das ein wenig einschüchternd aus, aber wir werden im Schlepptau suchen. Die meisten davon als das, was sie in unserem Projekt sind. Es wird auch ausgeführt, was der NPM installiert. Was es tut, ist, dass es eine Datei namens Package Dodgers erstellt hätte. Und wie Sie sehen können, das Paket Ärzte und ist hier, das Paket starten. Jason ist der Ort, an dem du all diese Abhängigkeit hast, und es ist beleidigend. Alle abhängigen ist derzeit diese Abhängigkeit ist so etwas wie eine Übertragung Wahl von Job Typoskript zu JavaScript bauen aus. CS gibt es ein Es gibt eine Rx Jays, die für asynchrone HTTP-Aufrufe verwendet wird, und es gibt viele von ihnen, die jetzt auf Lager sind. Zusätzliche Abhängigkeit ist wie Bootstrap. Zum Beispiel müssen wir uns installieren, wenn Sie unsere kombinierte J-Abfrage zusammen mit dem Winkel einschließen möchten . Sie können das auch hier und jetzt, da es getan hat, können wir einen Bürgerkrieg eröffnen, den ich noch auf meinem Desktop bin. Ich muss in den Ordner kommen, der als erster auf der Theorie genannt wird. Zuerst fühle ich mich mit Visuals zur Akkord. Sie sollten in der Lage sein zu sagen, dass Poor gelehrt hat, diesen bestimmten Ordner in Ihrem Editor zu öffnen. Wenn nicht, können Sie immer Visual Studio Court öffnen und dann können Sie sagen, dass ich diese bestimmte Datei öffnen möchte . Also habe ich hier eine offene Ordneroption gehabt. Klicken Sie darauf. Ich gehe auf meinen Desktop auf dem Desktop. Ich hatte dieses erste Mal sagen Open now. Hier können wir einen Blick auf alle anderen Funde, die generiert werden. Da unsere eckige Anwendung mit Typoskript erstellt wird, das ein super gesetzt JavaScript ist, hat es hier nur wenige Optionen. Elect es fusselt berührt, und dies geht im Grunde um die Regeln und Vorschriften zu befolgen. Wenn Sie mit dem Typoskript arbeiten, können Sie sichtbare wenige Optionen von diesem bestimmten Jason aktivieren . Finden Sie einige der Grundregeln, den offensichtlichen Konflikt. Jason hat im Grunde einige Informationen wie Wo denkst du, die Ausgabedatei sollte erstellt werden ? Aber das ist so schlau, sollte verwendet werden. Was ist das Ziel, das verwendet werden soll? Das bedeutet, wenn Sie Ihre Typoskript-Funde in JavaScript kompilieren. Was ist das Abwaschen? Ein Transkript Standards, die Sie befolgen möchten, so dass ältere Rosen erhalten Unterstützung von hier und so weiter. Es sei denn, es sei denn, wir müssen hier überhaupt nicht zurückkommen, damit wir das vom Kurs abschließen können. Sie lesen mich Dot MD, die tatsächlich bekommen, wenn Sie das im Schlepptau veröffentlichen, holen Sie sich Wanne. Du könntest alles über dieses Projekt im Norden lesen. Sie können das völlig ignorieren. Sie sind der Paketanfang, Jason , der einer der wichtigsten Funde ist, die Sie vielleicht im Schlepptau suchen wollen . Und das hat einige Abhängigkeiten von der Entwicklung. Abhängigkeiten und Entwicklungsabhängigkeiten persönlich. Etwas wie Framework wie Jasmine sind Carmin und Typoskript. und so was. Also, was nur während der Entwicklung benötigt wird. Aber diese werden auch in Ihre Build-Feuer gebündelt werden. Diese sind für ihre ein paar Shortcut-Befehle hier erforderlich. Also, wenn ich n g, das ist der Befehl, der verwendet werden wird. Der Befehl N G ist Teil der Nordmodule. Andi gibt es wenig dunkles bin Verzeichnis. Und wie Sie sehen können, dass im Inneren, dass Sie ein N g unter Windows haben, werden Sie Verletzungen haben. Zweifel. CMD Also, das ist es, was es ausführen wird. Auch wenn wir global installiert haben, wird es diejenige auswählen, die lokal verfügbar ist, wenn wir unter Befehl sind. Und das ist es, was ng ist hier. Hier können Sie zurückkommen und Ihr Projekt umbenennen. Wenn Sie dieses Projekt in einigen öffentlichen Repositories veröffentlichen möchten, sollten Sie hier den Namen für Abtreibungen ändern, wenn Sie möchten. Das ist also die Sache, die eckige Jason ist. Dies ist eine wichtige Datei. Wir würden hier in einem Bett Zeh kommen, verstehen, was los ist, was die Grundausstattung sind, die wir vielleicht ändern wollen. Also hier, zum Beispiel, es sagt, dass, was andere Build-Optionen, wissen Sie. Also so etwas, was ist Ihr anfänglicher HTML, der das ist? SRC Schrägstrich Index HTM entpacken goto SRC Sie werden sehen, dass es einen Index html Ich füge aus diesem HTML, wenn Sie so sagen wollen, zum Beispiel Holmdel html Sie können zurückkommen und ändern, dass Sie hier waren Dann gibt es auch die wichtigsten was besagt, dass das die Hauptdatei ist, die ich jetzt mit Ihrer eckigen Dichtung beginnen sollte. Was passiert, ist, dass hinter dem dünnen, eckigen CLI USA Rücken, der ein Modell-Bundler ist Also was bedeutet, dass die einzige Entdeckung, dass es zu sehen ist , ist dieser Hauptarzt Ja, das ist genau hier unter SRC haben wir eine Haupt schmutzig s und dann es beginnt mit der Suche in dieser Datei auf. Dann geht es in diesen speziellen Anglerkern. Ich denke, ich kann einen Kontrollklick machen. Nein. Wenn man sich das anschaut, wenn man sich diese Notenmodule an eckig ansieht, gibt es einen Kern auf, der eine indizierte hat oder RTs im Wesentlichen gemacht hat, die R J s indiziert werden . Jetzt wird es in diese Akte gehen und dann wird es diese öffnen. Also, so. Es beginnt von den wichtigsten 30 Jahren an, geht dann in die gesamte Baumstruktur und lädt alle Freunde, die sie in Ihrer Anwendung sind , und fragt sich dann das in eine einzelne Datei oder eine Reihe von Dateien. Eigentlich hat es das. Es gibt also einen Hauptfund, an dem sich der Pollen fünf anfühlt. Wenn es im Grunde sind unsere Dateien, die für die Unterstützung des älteren Bruders erforderlich sind, vor allem der Internet Explorer haben Sie fünf gewonnen hier genannt Hollifield starten zwei Jahre. Sie können sehen, dass das hier ist, und viele Dinge wurden hier drüben begangen, und das können Sie sehr deutlich sehen. I 9 10 11 und Crume weniger als 55 fordern all diese Politik. Alles, was wir tun müssen, Missbrauch Zehe. Wählen Sie diese und dann Brust Pistole Kontrolle. Schrägstrich unter Windows und Befehl Slash auf Mac und diese Skizze un lobte. Und jetzt, wenn Sie es speichern und wenn Sie auf Ihrer Anwendung sind, werden Sie sehen, dass auch Ihre Anwendung in unserem Internet Explorer oder 1911 sowie die ältere Waschung in weniger als 55. Und dann gibt es ein paar Anweisungen, die alle selbsterklärend sind, also müssen wir uns nicht darum kümmern. Ich werde einfach sagen, rückgängig machen und von diesem speziellen Kampf ausgehen. Also, im Grunde haben Sie alle diese Dateien, die in Ihrer Anwendung verwaltet werden können. Ein paar andere Dinge. Zum Beispiel, Vermögenswerte, die alles in Ihrem Geschlecht bedeutet. Im Allgemeinen der Ordner „Assets“. Überzeugen Sie Imager auf generell Bildern. Icons sind Sie können einige Videos haben und so weiter, so dass sie hier gehalten werden. Also im Moment, in einem Sex, können Sie sehen, dass es zu diesem Zeitpunkt nichts gibt. Aber in Calif deine Akten. Wenn Ihr Projekt statische Bilder anfordert und nicht tragen kann, ist es ratsam, dies in diesem Sinne voller zu halten. Und beziehen Sie sich darauf, dass Ihre HD-E-Mails überall dort, wo das erforderlich ist. Es hat auch eine Referenz aus Streiks. Hier werden wir zurückkommen und einen weiteren Eintrag für oder Bootstrap hinzufügen. Und falls Sie 1/3-Party-Skripte haben, können Sie angeben, dass Sie auch sind. Es ist ein Bereich von allen Skripten, die Sie benötigen, und sie werden in Ihrem Anwendungsmenü gebündelt. Es hat auch andere Möglichkeiten, zum Beispiel die Internationalisierung, was ein weiteres Thema ist, das wir in der Abteilung behandeln werden. Später. Lass uns das schließen und wenn du zum SRC Hauptpunkt es gehst Es sagt hier einige grundlegende Sachen, aber mach dir keine Sorgen darüber. Kommen Sie zurück und schauen Sie sich diesen Hauptarzt an. Ja, in der Tat. A. Aber soweit unsere Anwendungserweiterung, die Dateien, die wichtig sind, ist der Indexspeicher TML wieder regional. Kommen Sie nicht, dass Sie es sind, aber Sie können zurückkommen und einige CSS hinzufügen, die nicht zugänglich sind . Warum sind die Norden sind NPM? Sie können es direkt hier hinzufügen, was in der Regel keine gute Idee ist. Aber wir werden das tun, falls erforderlich Disteln. Der einzige Teil von ist der einzige Inhalt in HTML. Du musst jetzt nichts anderes hinzufügen, überraschenderweise sind sie seltsam. Sie können sehen, dass es etwas gibt, das eine Frucht Slash Frucht genannt wird, die kein HTM davon ist, aber es sieht jetzt wie HTML aus, im Grunde, das ist, das ist, uh im Idealfall, das ist soll so etwas wie ein Tür-Strick bis Strich Route sein. Aber dann klagen Browser nicht über die Zeiten, die nicht bekannt sind. Nun, was tatsächlich passiert, ist, dass, wenn du rennst. Warum, wenn der Iran, Ihr Winkelprojekt, hier drüben zusätzliche Skriptdateien injiziert werden. Das werden Sie in einer Minute sehen. Dazu gehören Winkelrahmen. Dann, wenn das eckige Framework in das Charleston-Opium geladen wird, wird es erneut nach all diesen Tags scannen und nach diesem bestimmten Typ suchen, dann beginnt hier jetzt Komponenten zu injizieren, wo die Komponenten die Komponenten, die werden in der Regel im Abdullah-Baum aufbewahrt. Es ist eine Konvention. Wir können immer sagen, Nein, es wird kein Nickerchen sein. Es wird woanders sein, aber das gilt als Ihr Projektordner. Also alles, was wir schnüren werden, ist in dieser App. Und wie Sie sehen können, dass es nur wenige Kämpfe gibt, die bereits für uns geschaffen wurden. Die 1. 1 ist das am Modell TS. Jetzt dreht sich eckig alles um modulare Entwicklung. Es besagt, dass Sie viele Dinge so nennen, aber Sie gruppieren sie in Modulen. Es gibt ein Modell, das auf erstellt wird, aber dieses Modell ist Auto-Motor-Modell es Es ist sicher, wie Motor-Modul auf seiner an diesem Modell genannt . An diesem Punkt können wir dies immer umbenennen, wenn Sie möchten, aber das hat eine Reihe von Referenzen hier. Zum Beispiel besteht dieser Deklarationsblock aus den Komponenten, die wir hier bei Google erstellen. Verbringen Sie viel Zeit mit diesem, und dann gibt es ein anderes Modell, von dem meine Modelle abhängen können, das heißt , in diesem Fall ist es Browser-Markt. Das gegenwärtige Modell geht im Grunde darum, den Browser zu liefern, sind Down-Manipulation, Sie können sagen, weil wir keine einzelne Manipulation machen, es sei denn, Sie wollen g Abfrage und solche Sachen angeben . Aber sonst werden wir keine in Don Manipulation verwenden. Also, das ist etwa hier. Also würden sich Importe auf ein paar externe Modelle beziehen. Es könnten unsere eigenen Zusatzmodelle sein, auch für weiße uns. , Das ist ein Ort,an dem du all die Dienste starten wirst, die wir haben werden. Wir werden zurückkommen und uns das in der Tat ansehen. Ein auf Bootstrap. Es sagt, dass Hey, dies ist eine Komponente, die in der Indexstrategie TML gesucht wird. Nun, wenn Sie nur zufällig den Indexpunkt html für eine Minute betrachten, ist es Ihre App. Unhöflicher Schrägstrich Entwurzelung. Also hier wird es sagen, wenn angular Bootstrapping beginnt, heißt es: Hey, ich muss nach dieser App-Komponente im Index suchen. Html auf AB-Komponente wird mit diesem Stack identifiziert. Die Frage ist, wie so Wenn ich auf die App-Komponente gehe Also dies ist ein Dies ist im Grunde ein etwas, das aus dieser Entdukt-Komponente importiert wird, das ist diese Abdur-Komponente RTs für offene danach Komponententortillas. Sie können sehen, dass es eine klassische at-Komponente exportiert, aber sie ist mit dieser Komponente dekoriert. Und eine andere Sache, die Sie hier sehen werden, ist, dass es ab Dash Route ist und dies ein Selektor ist. Da also kein spezielles Symbol mit diesem wie Punkt unser Hash verbunden ist, geht es davon aus, dass es als Angriff auf Routen Schrägstrich Entwurzelung verwendet wird. Und das ist es, was wir hier sehen, würde Geschrei verstauen. Also, wenn ich hier gesagt hätte, nicht, zum Beispiel, dann sucht es jederzeit nach einem Tag mit einer CSS-Klasse aus Entwurzelung. Das wird also in diesem Vorfall nicht funktionieren. Dies muss ich vielleicht sagen, Deal zuletzt gleich Zeh nach Asche-Wurzel-Schrägstrich tun. Dies ist, wie es auf in get gegeben werden sollte. Wenn ich stattdessen den Hash verwendet hätte, Affäre Punkt dann muss ich Ihrem I V gleich zwei gleich Toe Entwurzelung geben. Also im Grunde bestimmt dieser Selektor von einer Komponente, wie diese Komponente in Ihrem HTML identifiziert wird , also werde ich es so belassen, wie es ist. Wir kommen zurück und schauen uns das später an. Ändern Sie diese Dinge auf Erkunden, experimentieren Sie auf diese Dinge. Aber jetzt werde ich es so lassen, wie es ist. Ich werde diese Datei speichern, wenn Sie diese Datei in Andi speichern. Sie können sehen, dass dies eine einfache Pläne mit einer Membervariable namens Titel ist. Der Titel dieses Ersten hier oben am Tag. Dieser Titel ist eine Variable, die in der HTML verwendet werden kann, die dieser Komponente entspricht. Jede Komponente hat also eine HTML-assoziierte ID. Im Moment können Sie sehen, es heißt Vorlage. Sie befinden sich auf dieser Vorlage. Ural entspricht dem gleichen Ordner bestehend aus Abdullah Komponente Wissen Dämon, die hier ist. Wenn ich das öffne, können Sie sehen, dass es sich um eine HTML-Datei handelt, die aus einigen mit einem Bild besteht, dann ist das Willkommen zu und Sie sehen diese Variable. Variable kommt von diesem speziellen Teil in diesem speziellen Symbol hier, geschweifte Klammern, doppelte geschweifte Klammern genannt Interpolation O R Lenker. Lenker ist die A B I, die Unterstützung für diese Vorlage bietet, Parsi. Aber wie auch immer, der Wert aus dem Titel wird hier drüben injiziert. Wir haben einen gewissen Vorteil, als wir hier einige Links haben. Also werden wir dieses Zeug nicht anfassen. Und wir werden unsere Anwendung ausführen und dann prüfen, wie das geht. Also habe ich ein neues Terminal eröffnet. In Ordnung? Ich eröffne jetzt ein neues Terminal. Ich bin schon in dieser Stadt. Zuerst. Ich habe schon für Stan getan. Ich werde sagen, n g lösen, dass dies tatsächlich einen Entwicklungs-Webserver starten wird. Wenn es anfängt, wird es das wieder benutzen. Dwight zurück wird den ganzen Kampf bündeln, den wir haben. Der HTML-Code, der DS alles ablegt. CS sagt alles zu einem einzigen Arbeitslosen. Gut. Gut. Andi da. Es wird auch unsere Anwendungen starten. Wenn du willst. Sie können auch sagen, Strich für Zehe öffnen Sie den Standard-Browser auf DSO die Extremophile, den Index, es ist Team es. Also, wenn ich das mache, könnte es eine Weile dauern, weil es das erste Mal öffnet. Aber es wird in all die Freunde schauen, die wir haben verbindet von der Haupttür 30 Jahre und dann kommt in die gesamte Umstrukturierung und bauen die Bewohner Kampf. Eine Sache, die es auch tut, ist, dass er den Server hier am Laufen halten wird. Wie Sie sehen können, läuft es immer noch. Aber wie jedes Mal, wenn ich einige Änderungen vornehme, werden Sie sehen, dass die Änderungen hier sofort betroffen sein werden. Zum Beispiel, wenn ich zurück zu den Visuals zum Gericht gehe, lassen Sie mich die Höhe reduzieren. Statt dieser willkommenen Zehe Titan, kann ich Hallo sagen. Das wird lügen. Und dann habe ich gerade den Titel verwendet, und sobald sie ihn speichern, werden Sie sehen, dass es eine Kompilation vor sich geht, und diese Kompilierung wird. Sobald die Kompilierung abgeschlossen ist, wird es im Browser sehr frisch auslösen. Alles, was ich tun muss, ist, um den Befehl als unsere Controller und Windows zu drücken, und Sie werden sehen, dass es eine Wieder Kompilierung ist, und in einer Weile können Sie sehen, dass es auf Neustarts von Browser beginnt, und es ist Hallo, das ist meine zuerst, und statt dieses zuerst, kann ich nach Hause gehen. Ich gehe zurück zu meiner Quelle, die in diesem Jahr erzielt wurde, und ich kann sagen, dass dies meine erzwungene Winkel sieben auf A ist und speichern Sie es auf. Dasselbe passiert auf Sie können sehen, dass die Variable jetzt hier drüben gedruckt wird. Meine erste Angula sieben App. Und wenn Sie diese Links und solche Sachen entfernen wollen, was wir hier sehen, damit ich es ganz da oben kriegen kann. Du schräg ich Julia, spart es auf. Sie können sehen, dass es weg ist, oder? Natürlich, das geht an. Also brauche ich es nicht, das Syrien rauszuholen. Es ist erledigt. Wie Sie sehen können, ist es cremeschnell. Andi, hier kannst du eine Menge Dinge verändert haben. So zum Beispiel kann ich zum Beispielzurückgehen und eine neue Komponente und die Komponenten wieder hinzufügen. Ein Haufen von ds html CSS-Dateien. Das ist das Ganze, was wir hier in der nachfolgenden Anwendung machen wollen. den Fall, wenn Sie unsere Bootstrap wollen, zum Beispiel, lassen Sie uns sagen, für geben Sie Ihren Flughafen auf, Ich kann sagen, Partner. Jetzt hat dies eine Bildabkürzung, so dass Visual Studio Court Emmett Abkürzung unterstützt , was bedeutet, dass ich etwas wie PT und Button dot bt und dark 50 und primär löschen kann. Und dann kann ich hören, die geschweiften Klammern sagen Dies ist Butter und ich kann zuerst ender und Sie werden sehen, dass das komplette HTML Court daraus generiert wird Dies ist eine wirklich, wirklich super coole Option, die wir mit dieser Tour sind eckige Anwendung auf Do Sie? Am Ende sollten Sie sich damit sehr wohl fühlen und dies speichern. Gehen Sie zurück zu einem Browser. Ich sehe eine Schaltfläche, die ziemlich gewöhnlich ist, aber wenn ich gehe, um einen guten Stop-Punkt com zu bekommen, werden Sie sehen, dass es ein Dies ist von Tudor, das ist ein sehr beliebter CSS-Schwimmer auf Wenn ich gehe zur Dokumentation hier auf ist eine Schaltfläche. Wie Sie unter Komponenten sehen können, sollte ich Schaltflächen auf sehen. Es gibt diese Schaltflächen Primärer sekundärer Erfolg, Gefahr. Also muss ich die entsprechenden CSS-Klassennamen verwenden. Ja, Gehorsam ist auf Bt und sekundären primären Erfolg, Gefahr, Warnung und so weiter erforderlich Gefahr, . Andi, das ist sehr gut dokumentiert, so dass Sie immer zurückkommen und einen Blick darauf werfen können, wie man mit einem Knopf oder irgendetwas für diese Angelegenheit arbeitet . aber um damit zu arbeiten, muss ich installieren. Also was? Ich werde sie tun, wissen Sie, Kontrolle, Sehen Sie hier zuerst. So sind die Entwicklungen bereits auf dann habe ich wirklich nt m i für die Installation auf dieser Zeit gestoppt . Kein Bindestrich G, weil es kein Rahmen ist. Karotten erzählen. Es ist nur eine Reihe von Bibliothekskämpfen, Ihr Installer, und das ist, wie Sie ziehen geschlagen, und dies wird lokal installiert. Zum Beispiel, sobald ich Enter gedrückt habe, werden Sie sehen, dass es ins Netz gehen und die notwendigen wahrscheinlichen Kämpfe auf Auch Objects Packaged oder Jason herunterladen wird. Das wird also einen Blick auf das in unserem Redakteur werfen. Also habe ich dein Paket. Beginnen Sie mit einigen und Sie werden sehen, dass Packaged oder Jason wurde jetzt mit Bootstrap für Arzt aktualisiert , schrieb eins. Ich habe eine Notiz Modelle. Sie werden sehen, dass es irgendwo Bootstrap gibt. Es wird sequenziell alphabetisch aufgelistet. Ich gehe zu okay, Manchmal aktualisiert es nicht Ihre dort die Aktualisierungsoption. Klicken Sie auf das auf Jetzt sollte ich in der Lage sein, unter Nord-Modelle zu sehen. Ich sehe Sie sehen, dass Stiefel hier aufhören Der Kern und es gibt ein CSS und Js. Ich werde sehen assis Sie gegen wie dieser Bootstrap bedeuten doxy. Sso ist die Datei, die wir in eckigen Punkt Jason aktualisieren müssen, ich gehe ins Schlepptau den Winkel, den du befehlen kannst, sei auf Fenstern und du nimmst deinen Winkel. Du siehst, dass ich eckig werde als Jason. Ich sehe, dass hier drüben der Ort ist. Sehr kann zum Beispiel etwas CSS hinzufügen . Ich kann hier gehen und sagen, dass Lord unterstrichene Modelle. Das ist der Ort, an dem wir unter dem wir haben, was Boonstra heißt. Also haben wir Booster CSS dissed und dann gute Strap dar lin dot CSS Und mit einem Komma auf Syrien , es auf alle Änderungen an der eckigen Georgeson Website, die Sie getan haben, damit das , wirksam wird, müssen Sie die stoppen Entwicklung, dass Server, den ich getan und dann neu gestartet werden. Sie können entweder Engy tun, so dass alles, was Sie sagen können, npm starten Sie ein in der gleichen dieses Mal, ich brauche den Browser Pash Glück nicht , weil es bereits geöffnet ist. Und wenn sie das tun, wenn ich zum Browser Andi zurückgehe, überprüfen Sie meine Anwendung. Ich sollte eine Schaltfläche sehen, die sich ändert, wobei CSS darauf angewendet wird. Sagt erfolgreich kombiniert. Habe sich hier nicht aktualisiert. Also lasst uns das manuell machen. Wenn ich also eine Aktualisierung mache, können Sie sehen, dass jetzt der Knopf ein blauer Kragenknopf ist. Natürlich, wenn ich zurück zu meiner hinteren Punktzahl, ändern Sie dies von der primären Zehe sparen Gefahr, zum Beispiel. Speichern Sie es auf. Sie können sehen, dass das darunter sein wird, aber in gewisser Weise, richtig. Also 20 von Optionen in Bootstrap. Lassen Sie uns das erforschen, wenn wir vorwärts gehen. 7. Eine eckige App von Grund auf erstellen: Im vorherigen Video sahen wir das Softwarecenter, das für die Arbeit mit einem Winkelprojekt erforderlich ist, erstellt werden, ein Winkelprojekt mit dem N. G oder eckigen CLN. Wir haben einige Änderungen in unseren Anwendungen vorgenommen. Also, wie das Ganze an diesem bestimmten Modell funktioniert, möchte ich Ihnen als eine Winkelkomponente zeigen. Was ist ein Modul? Und wie stoppt man diese Komponente? Alles von Grund auf. Also dafür und Sie verwenden das gleiche Projekt, das wir im vorherigen Video verwendet haben. Aber ich werde alle Dinge löschen, die 100 es sind, besonders den oberen Teil davon. Also werde ich eine Menge dieser Geldstrafen hier auswählen. Und wenn ich beim Löschen auswähle, sollten Sie sehen, dass es Editor-Projekt geben wird. Also, wenn ich sage, View-Entwickler auf Entwickler-Tools sind Charles gehalten besorgt, das ist , Ah, Kommandoschiff J Control Shivji. Dies ist also, wo Sie sehen, wie andere dies auf der rechten Seite vergleichen, so dass wir die Seite als auch diese sehen können . Also, wenn ich hierher gehe und diese Dateien lösche, würdest du sehen, dass es in einer Minute ein paar Erwachsene verursachen wird, weil die letzte Geschichte existiert, dass es Straßenkompilierung gibt, und es kommt zurück mit dem, was den Herrn versagt hat. Wir haben nicht einmal ein at Modul an. Und das ist eine andere Kommende, weil unsere wichtigsten Doherty s, die jetzt der Einstiegspunkt ist, wo wird das als Einstiegspunkt in eckigem Jason erwähnt? Wir sahen, dass die wichtigsten fünf nichts als SRC Punkt Hauptarzt ist. Ja. Wenn vor domaine dot ds, Sie werden sehen, dass es sich um App-Modul bezieht, die nur wissen gelöscht werden. Also, was ich tun werde, ist, dass ich es bei einem Import von all diesen Dingern runterkriege. Also lassen Sie uns sagen, importieren Sie unseren Hund Schrägstrich ab Schrägstrich Lassen Sie uns hören, zum Beispiel zum Beispiel , äh als Samadi, wie Sie wissen, dass es nicht existiert. Das ist hier eine erstellt, also gehe ich zur App und ich werde sagen, neue feine Auto Geist Beispiel APD RTs Und wenn ich es verkaufe? Wenn es einfach so lange gedauert hat, Andi dann nehme ich Ihr Wort so von meinem Beispiel Savage. Mal sehen, was passiert, wenn wirklich frisch. Lassen Sie mich die mehrere Angie So neu starten? Es gibt also keine Adresse, die wir zum Browser zurückkehren könnten. Sie werden dieses Hallo von meiner Beispiel-App sehen. Die Ausgabe kommt, aber zu diesem Zeitpunkt ist es keine Winkelanwendung mehr, da es keinen Winkel nach innen gibt. Also das einzige, was in Ordnung ist, ist, dass Ihr Rucksack auf die Haupttür schaut, reißt diese Datei, und in dieser Datei, alles, was ich habe, um die Konsole Punktprotokoll. Hier ist kein Winkel nach innen. Hier wollten wir also eine eckige Anwendung bekommen. Also werde ich gehen und die Klasse klären. Es ist also eine Klasse. Sagen wir, es heißt Hallo, Weltkomponente. Andi, da ist nichts. Ich werde dir eine Nachricht für das weitere Timing geben. Irgendwas. Ich werde nur einen Kurs haben. Aber diese Klasse wird zu einer Komponente, indem Sie at Komponente zu Ihrem Plus hinzufügen. Ich weiß das, weil dies ein eckiges Projekt ist. Lot off Winkelunterstützung wird von via Score zur Verfügung gestellt, und es ist auch automatisch geben Sie mir den automatischen Import von Winkelkern auf. Wenn ich das tue, kommt es bei Dekorator in Typoskript immer mit geschweifter Klammer und einer Reihe von Optionen auf. Die einzige Option, die ich gerade betrachte, ist ein Selektor. Und da unser Selektor waas bereits und entwurzeln im Index kantig Mensch wahrscheinlich sehen kann, dass im Index HTM und wir haben diesen Ansatz Schrägstrich entwurzeln. Ich werde einfach den gleichen Selektor benutzen. Wenn ich hier einige Änderungen vornehme, muss ich möglicherweise dasselbe im Indexstart tun. Es ist auch menschlich. Und noch eine Sache, die ich hier geben möchte, ist eine Vorlage. Ich kann entweder eine Vorlage geben, die hier einen harten Rahmen HTML-Inhalt ist, oder ich kann nicht auf eine externe Steam und Datei verweisen. Also vorerst ich Vorlage geben und ich werde diese Vorlagenzeichenfolge verwenden, die Ptolemäus Typ mehrere Zeilen genannt wird. Also werde ich rein bleiben. Es ist eins und dann würden sie Kante eins auf unterdrücktem Ender schrägen. Dieser Grundnahrungsmittel Absatz auf einer PR eine Nachricht von Ihnen wissen, Schrägstrich B auf. Das ist meine Ausgabe für die Komponenten. Wo immer diese Komponente entwurzelte Versteck dort herangeht, möchte ich, dass diese bestimmte Nachricht erscheint, also haben wir zu diesem Zeitpunkt eine Klasse auf der Klasse erstellt , ist eine Komponente, aber wir müssen diese Zehe eckig auf Sagen, dass Hey, injizieren Sie dies an diesem bestimmten Ort. Und um das zu tun, müssen Sie ein Bauteil aus einem Modell machen. Und ein Modell ist nichts als Pflanzen. Nennen wir es uns nach dem, was du bist. Jeder Name aus unserer Wahl. Mein Modell zum Beispiel. Aber es ist nur, dass Pflanzen genau wie dies eine regelmäßige Klasse in zuversichtlich umgewandelt. Mit diesem Dekorator müssen wir dieses Motormodul noch einmal verwenden. Automatischer Import von diesem Schrägstrich Court. Andi, hier sagst du das. Hey, wir müssen diese bestimmte Komponente bootstrap, manchmal ein Booster auf Sag nicht, dass Hallo waren Komponente. Aber im Moment ist die gesamte mündliche Komponente nicht Teil dieses Modells. Und um zu sagen, dass dies Teil des Modells sein wird, sagen wir hier Erklärungen. Andi, in den Deklarationen würde eine Liste von allen Komponenten sagen, die Sie hier haben werden . Ein Teil dieses Modells wird hier aufgelistet, aber Bootstrap ist nur derjenige, der im Index verwendet werden soll. Es ist menschlich. Also hier sage ich hallo. Welt-Komponente ist jetzt eine meiner Komponente, eine Mindestanforderung hier ist, dass die Browser-Unterstützung, weil wir letztlich Winkelspitze diese Kuppel ändern wollen , so dass sie es nicht tun. Manipulationen werden mit einem Modul durchgeführt, das als Browser-Modul aufgerufen wird. Okay, so scheint es nicht in der Lage zu sitzen automatisch kommen. Kein Problem. Wir können immer importiert Import aus Sie können bei eckigen Schrägstrich Browser aus näher an dem Tag sagen , dass es ein eingefrorenes Modul genannt wird. Das ist, was wir wollen, um Sie wissen, einschließlich unserer Anwendung, die jetzt gekommen ist, dass wir eine Komponente haben, eine Komponente dieser Teil des Winkelmoduls genannt bei Marty. Siehst du, sie sind immer noch gibt es keine alle setzen seine erfrischt, aber es gibt keine peinliche. Das liegt vor allem daran, dass wir nie so geräumte Winkelmodelle erzählt haben. Wir können eine Reihe von Winkelmodellen löschen, aber das haben wir nie gesagt. Verwenden Sie dieses Modell und Bootstrap, dass, und hier brauchen wir eine Funktion. Rufen Sie an. Dies ist der letzte Teil des Puzzles. Also sage ich, Import von bei Winkelschrägstrich Plattform-Browser dynamisch. Dies stellt eine Funktion zur Verfügung. Es ist Gebrauch, dass das von einer Dynamik wächst, die eine Funktion ist. Also werden wir diese Funktion benutzen. Andi ruft dies auf und kehrt dann auf das Objekt zurück. Und wir sagten, dass Hey, steigern Sie das Modell für auf dem Markt. Also, wenn ich hierher gehe und dann sage, welches sind die Modelle? Es wird am Modul aufgerufen. Und jetzt, wenn ich das speichere, solltest du sehen, dass wir unsere Komponente bekommen. Sie können sehen, dass große unsere Hallo Welt Botschaft von wir wissen, dass Black form Brother Dynamic derjenige ist , der den Job macht. Dieser scannt also im Grunde dynamisch deine Indexkanten Dämonen. Warum wird dieser Index HTML gesucht? Wenn man sich die Winkeltür Jason anschaut, haben wir gesagt, dass , Hey, das ist eine Datei, die angeblich gebootet werden soll. Wenn Sie also das dynamische Punkt-Bootstrap-Modell des Plattform-Browsers sagen, wird es dieses Modell nehmen und die Bootstrap-Komponente herausfinden. Und es ist ein Hallo Welt-Unternehmen. Die Hollow Earth Komponente wird als Tag namens Uproot identifiziert, und es wird im Index html nach diesem speziellen Aoot suchen. Wenn es gefunden wird, dann ist es, wohin es geht. Zehe Injektion auf diesen speziellen Inhalt wird an der Stelle platziert, an der Absolute Slash statt genehmigt hat. Und das ist, was gerade passiert, es ist sogar die aufgezeichnete Komponente zuerst und dann auf, dann macht vielleicht einen Teil eines Moduls. Aber Angulo beginnt die Arbeit, sobald dies gegeben ist, also wird es nach einem Modell suchen. Und dieses Modell hat eine Bootstrap-Komponente, und diese Komponente ist Status. Die Frage ist also, Kann ich mehrere Komponenten haben? In einem HTML? Zum Beispiel, kann ich Ihren Let's go toe Index html speichern? Lassen Sie mich einen willkommenen Schrägstrich bei willkommen verdorrt hören, um alle als solche zu produzieren. Es gibt keine Fehler, und zu diesem Zeitpunkt passiert nichts. Aber kann ich eine andere Komponente hier löschen und es Teil des gleichen Modells auf es ist möglich . Zum Beispiel kann ich sagen, Ihre Klasse Willkommenskomponente, Andi. Ich sage nur hier, Beschwerdeführer eine Komponente und ich muss Mindestselektor in einer Vorlage geben. Ich gebe Ihrem Selektor ist willkommen. Das ist, was wir gerade jetzt im Index html hier verwendet haben und dann würde ich sagen , dass die Vorlage dafür eine einfache H oder H drei ist. Willkommen in Angular. Also im Training Schrägstrich extrem, ich speichere es. Ich habe eine Komponente erstellt. Es wird nicht vor allem erscheinen, weil es nicht Teil dieses bestimmten Modells ist. Um es also Teil des Modells zu machen, muss ich sagen, dass es eine willkommene Komponente ist. Jetzt sehen Sie, dass ich es als Teil davon gemacht habe, aber im Index html ist es da. Es erscheint hier nicht hauptsächlich, weil wir so gesagt haben, dass es einer der Bootstrap-Unternehmen sein muss . Nun, Wenn ich willkommen waren, Komponente erklärte, hoffentlich sollte ich eine Willkommensnachricht sehen. Auch so Bootstrap-Komponente ist diejenige, die Index suchen wird. Es ist Deutsch. Also, wenn ich das hier nicht mache, lass es mich aus dem Index holen, es ist Dämon auf. So jetzt kann ich immer noch diese Komponente dem Benutzer präsentiert machen, indem sie diese Komponente Teil der hallo Welt Komponenten wie nein haben, Sie können sehen, dass es nicht in meinem Fuß enthalten ist. Aber ich kann zu meiner Hallo Komponente in der Helo Komponente gehen. Ich kann immer zur Verfügung stellen. Hier sind wir. Ich weiß es nicht. Vielleicht auch, weil es ohnehin extrem drucken wird. Also werde ich hier sagen, ak tash, Willkommen Schrägstrich. So wie Sie das jetzt sehen können. Ich brauche das nicht, um ein Teil der Bootstrap-Liste hier zu sein, weil es nicht im Index HTM gesucht wird . Aber stattdessen wird es Teil einer anderen Komponente sein. Hallo, äh, Komponenten. Also, als eine Angelegenheit jetzt gerettet, ist es nicht da. Wenn ich es aufhebe und wenn ich hierher zurückkomme, solltest du das sehen. Willkommen. Dreikant-Sieben-Training kommt auf. So können Sie also eine Komponente erstellen, sie Teil eines N G-Moduls machen. In unserem Fall ist es das APP-Modell und dann Bootstrap, ist, dass Apple tatsächlich injiziert wird. Die Komponenten werden injiziert. Tau unser index html. Natürlich kann hier eine Menge Dinge reflektiert werden. Zum Beispiel ist es keine gute Idee, alle diese Klassen an einem Ort zu halten. Es ist eine gute Idee, dies in einem Job Aspekt oder Typoskript zu behalten. Modul exportiert. Exportieren Sie diesen hier. In Ordnung. Ein anderes Modell, in dem Sie alles importieren und dann anfangen, das zu verwenden. Das würden wir also im Wesentlichen tun. Aber nur Zehe machen Sie in einem tatsächlichen verstehen, das im Grunde auf Motormodul ist derjenige, der von Winkelmotormodell Bootstrapped ist, hat auf die Reihe von Komponenten, die es sich auf Andi bezieht . Dann nimmt es eine der Komponente auf, die in den Index schleifen soll. Es ist Team, das ist es, was es tatsächlich tut. 8. Überblick eines Angular Compnent: kongruent ist der grundlegende Baustein, oft eckige Anwendung. Es beweist die Benutzeroberfläche, entsprechende Daten und sogar Handlingfunktionen. Außerdem kann eine Winkelanwendung als Baum der Komponente betrachtet werden, wobei die Wurzelkomponente eine weitere untergeordnete Komponente hat und jede dieser Komponenten untergeordnete Komponenten auf eigene Weise und so weiter hat. Ein kompetenter besteht in der Regel aus. Drei Aspekte Nummer eins, ein Typoskript sind Jahr sechs Klasse mit Member-Variablen, die die Modelldaten und Methoden darstellen das Verhalten von der Komponente. Nummer zwei, eine HTML-Vorlage, die die Benutzeroberfläche darstellt, mit der Benutzereingaben in das Modell erfasst werden können . Später, unsere Gegenwart, die Modelldaten für den Benutzer und schließlich Nummer drei, ein optionales Zustandsblatt toe verbessern das Aussehen von der Benutzeroberfläche. Lassen Sie uns versuchen, das gleiche mit einem Beispiel zu verstehen. Betrachten Sie die Klasse bei Zählerkomponente ist nur ein gewöhnliches Jahr. Sechs Klasse mit einem Mitglied, variabler Fahrzeuganzahl und zwei Funktionen Inkrement und Ausrüstung. Wie der Name schon sagt. Wenn Sie diese Funktionen aufrufen, sind die Inkremente nachteilig. Der Wert aus dem Mitglied gator Zusammen, diese Klasse umfasst aus dem Zustand und Verhalten des Unternehmens, um das gleiche für den Benutzer zu präsentieren . Wir brauchen einen HTML-Kern. Werfen Sie einen Blick auf dieses HTML-Snippet. Wie Sie sehen können, schließen wir die wertvolle Anzahl ein und die Methode ruft die Vereinbarung und das Inkrement auf. Dieser Hedge-Dämon hat Zugriff auf den zuständigen Staat und das Verhalten. Der Teufel Curly Klammern, auch als Lenker bekannt, bindet die Modelldaten auf der U. N. Änderungen an den modernen Daten werden sofort reflektiert. Die Konfidenzfunktionen sind Knochen, um die Sie ihre eigenen verwenden. Brackett's. Zum Beispiel. Das Klicken ging los. Die Buttons hier sind mit Vereinbarungs- und Inkrementfunktionen verknüpft, die in der Kompetenzklasse definiert sind, sodass durch Klicken auf eine Schaltfläche die zugewiesene Methode ausgelöst wird. Aufruf Änderung der Morgan Daten, die sofort auf die Sie reflektiert werden, um das Plus auf HTML zu kombinieren eine Komponente zu machen, verwenden wir Typen Gruppen, Dekorator. Dies ähnelt Joes Anmerkungen und Dunkelheit Attributen hier. Das Plus an der Theke ist mit dieser Komponente verziert. Dekorateure in Desperate werden ein Objekt als Umfang für den Komponenten-Dekorator übergeben. Hier geben wir zwei wichtige Eigenschaften an. Zunächst definiert der Selektor die Art und Weise, wie die Komponente verwendet wird. Zum Beispiel bedeutet bei counter ohne Präfix zum Symbol, dass die Komponente wie ein HTML-Element verwendet werden soll . Wenn Sie dunkel at counter für die selector-Eigenschaft verwenden, dann wird die Komponente als CSS-Klasse verwendet. Wenn Sie quadratische Datensatz um am Zähler für die Selektoreigenschaft verwenden, dann wird die Komponente als Attribut verwendet, oft HTML-Element und ein letztes. Wenn Sie den Hash-Up-Zähler für die Selektor-Eigenschaft verwenden und der kompetente als Idee verwendet wird. Oft ist es Gmail-Element. Allgemeine Praxis und eckige Empfehlung ist, dass die Komponenten wie HTML-Elemente verwendet werden . Die zweite Eigenschaftenvorlage entspricht dem HTML-Teil der Komponente. Wie Sie sehen können, haben wir Jahres-6-Vorlagen verwendet. String zum Einbetten von mehrzeiligem HTML-Kern. Letztendlich kann die Klassendefinition in HTML in separaten Dateien aufbewahrt werden. Dies all diese Modularität und Trennung von Einwilligungen. Dazu verwenden Sie die Vorlage Ural statt Vorlage Eigenschaft und zugeordnet die verwandten Teile oft extern. Html fünf 9. Angular CLI zur Generierung von neuen Komponenten: Lassen Sie uns Beispiele nehmen, um neue Komponenten mit der eckigen CLI oder dem Engy Command auf das Monster zu erstellen. Die Arbeit von Komponenten habe ich bereits ein brandneues eckiges Projekt namens Counter in einem Zoo Conceit Gehalt laufen in Jahren erstellt , so willkommen zu Vertrag und hat die grundlegenden Links hier bereits das gleiche in Visual Studio Kern geöffnet . Dies ist eine brandneue Anwendung. Nichts hat sich geändert, außer dass ich Bootstrap CS hinzugefügt habe. Abgesehen davon gibt es nichts, was wir hier bei SERC App haben und wir haben Ihre App-Komponente der Tränen, die diesen Titel hat. Wir können das jederzeit ändern, wenn wir den HTML-Code haben, der der gleichen Sache entspricht, die auf diesem Zeug gegangen ist . Wir werden all diese Dinge und unsere eigene Kopfzeile auf einer anderen Komponente für die Zähleranwendung bekommen. Und dann, da sagt die CIA, werde ich Ihnen zeigen, wie dieses Jahr sagt, kann unsere Ansicht auch beeinflussen. Nein, natürlich wollen wir zu diesem Zeitpunkt nichts ändern, aber wir wollen jetzt eine neue Komponente zu unserer Anwendung hinzufügen, denken Sie daran, jedes Mal, wenn wir eine neue Komponente hinzugefügt haben, hat es , um sich bei unseren Motormodulen registrieren zu lassen, die sich an modernen Ideen orientieren. Moment gibt es die einzige Komponente, wie Sie diese Komponente sehen können. Nun, ich werde hier eine andere Komponente erstellen, und das wird heißen lassen Sie einen App-Header auf der Fußzeile auf dem Golfplatz die Zählerkomponente . Nun, um diese neuen Komponenten zu erstellen, muss ich zu einer Befehlsfront gehen, die hier Terminal ist. Jetzt. Ich kann das stoppen. Ich muss nicht aufhören, aber ich kann. Aber auf dem Mac kann ich einen neuen Tab auf mit diesem Befehl t auf öffnen. Dann habe ich hier eine neue Eingabeaufforderung. Also läuft mein Star immer noch hier. Aber ich habe noch einen Hahn, der offen ist , der sich an der gleichen Stelle befindet. Ich sagte, Sie können sehen, dass ich in der Counter App hier jetzt bin, um eine neue Firma zu erstellen, können Sie den Befehl n g generieren auf verwenden, dann speichern Komponente. Nun, natürlich, wir haben eine kürzere Brilliant aus der gleichen Sache. Sie können einfach n g g c g für Geschlecht, t für Komponenten sagen und dann müssen Sie den Namen der Komponente angeben, die Sie erstellen möchten. Angenommen, wenn ich Kopf eine Komponente erstellen möchte, dann fangen Sie einfach an zu tippen. Header sind, wenn sein App-Header capita geben Jetzt kann ich zum Beispiel Rapido sagen Aber was passiert ist, wird alles in diesem Ort erstellen, was dies zu einem größeren Kampf macht. Also was? Wir können sie als vier organisieren, die ich als Komponenten Schrägstrich betrachten. Also wird es das neue für Spirituosenkomponenten löschen und intakt, dass ich sagen kann, dass es mir eine Dash-Header-Komponente erstellen soll. Jetzt wird es auch einen perfekten App-Dash für jeden Selektor in dieser Demonstration hinzufügen. Ich glaube, dass, wie es ist und ich betätigte Enter Onda später. Ich werde auch sagen, ich will kein Präfix, weil sowieso, Ich habe Ihre App gegeben Dash andere wird ABX Dash Entführung als die perfekte erstellen. Das werden wir in einer Minute sehen. Kommen Sie auf eine Presse Geben Sie Italien gended vier verschiedene Dateien Die Dateien umfasst aus einem CSS und HTML, ein Esther Spectacor und dann Ihre eigentliche Komponente Gericht. Wenn Sie zum Beispiel keinen Respekt wollen,können Sie immer sagen,dass Barachtung gleich zwei Fonds ist. Wenn Sie zum Beispiel keinen Respekt wollen, können Sie immer sagen, Du kriegst diese Akte nicht auf. Sie können auch überprüfen, dass die Datei nach Modell Tortillas aktualisiert wurde mit Sie sehen können , dass es nach ihrer Komponente zu unseren Anwendungen hinzugefügt hat. Das ist wirklich notwendig, denn sonst muss ich verfolgen, jeden dort oben hinzuzufügen. Nun, wenn ich dorthin gehe, wenn ich kontrolliere klicken Sie auf diesen speziellen Kampf auf DSI. Was ist da drin? Sie können sehen, dass es einen perfekten AB Bindestrich zu unserer Anwendung hinzugefügt hat , der nicht schön aussieht. Ich werde das entfernen. Ich lasse es uns an der Kopfzeile auf dem Golfplatz. Das ist nur eine Kopfzeile hier drüben. Es ist also nichts drin, und es ist nur eine neue Firma, die an Ihrem Rückgabetermin hier auf NGC dieses Mal angekündigt wurde, es ist eine Komponente Schrägstrich Fußzeile. Angular hat ein paar Empfehlungen, wie die Namenskonvention eingehalten werden sollte. So sagen sie, verwenden Sie eine perfekte, so dass es nicht mit einem der Gebäude kollidieren wird. HTML-Tags sind einige andere Frameworks Stapel, so ist es immer besser, Ihre freie Stimmung spezifische Perfect anzugeben. Hier drüben bei dieser Zeit, also sagen Sie, das ist nur die Spezifikation gleich zwei Fällen, die nur Präfix gleich einer leeren Zeichenfolge sind. Wenn Sie keine leere Zeichenfolge geben. Dann wird natürlich es natürlichGeld in Anspruch nehmen. Dieses Mal werden Sie sehen, dass es nur drei Filze gibt, die generiert werden. Andi, es gibt Update, natürlich, im Modell DS auf. Auch, nur um sicherzustellen, dass wir den Generator haben, können Sie die App-Fußzeile der Komponente sehen. Wenn Sie sich die Komponente auf ts ansehen, sehen Sie, dass sie jetzt benötigt wird. Es ist nicht ab Dash und Dash würde nur Shooter entführen. Also lasst uns noch eine Komponente haben. Und dieses Mal werde ich nur dich als ein Paddel drauf. Dann werde ich sagen, äh, Zähler. Und dann natürlich haben wir natürlichauch eine Gegenkomponente. Also in bereits verwendet sie. Dies ist der Selektor, der verwendet werden muss. Also habe ich Ihren Zähler Header in der Fußzeile. Also gehe ich zu der bei Don't Component HTML, hol es hier weg und dann kann ich sagen, hier ich gehe Sie sehen, es wird mir dabei helfen . Ich habe es gehört und dann kann ich sagen, Ash Counter Schrägstrich Zähler aus natürlich eine Fußzeile Schrägfuß als einen anderen Dienst und gehen Sie zurück zum Browser. Ich sollte sehen, dass die drei Komponenten dort platziert, aber alles, was es tut, ist es passend. Header arbeitet am Zähler arbeitet bis Fuß oder arbeitet. Natürlich, wir Dies ist ein automatisch generiertes Gericht für jede Komponente. Schauen Sie sich diese Komponenten Schrägstrich nach oben Header. Es gibt den HTML-Teil davon, und es Simples ist oben. Heather Worte. Weißt du, wir können es hier runterkriegen und es dann anziehen. Wahrscheinlich innerhalb, dass ich h eins sagen kann. Willkommen im Sieb, Andi. Ich kann hier einen CSS-Klassennamen hinzufügen, indem ich etwas wie Alert Ehre, Dash in vier separaten Onda sage . Wir sollten eine schöne Kopfzeile aus Kurs in der Fußzeile sehen funktioniert. Lassen Sie uns eine grundlegende Copyright-Art von Informationen haben. Also lassen Sie uns mit einer Fußzeile für den HTML gehen. Ich werde es von dieser App für ihre Werke zu bekommen. Natürlich können wir sagen, extra Zentrum sein. Das ist wie die zusätzliche Mittellinie. Und dann, natürlich kann ich hier sehen, dass alle Rechte warum, das ist ein https. Wir wissen, dass bei diesem Ender das Essen sein wird, ein Absender sein sollte. Andi beginnt sitzt dort, natürlich, der Zähler an der Theke arbeitet. Und das ist, was ich glaube, Sie wollen 10. Demo - Click -: in diesem Geld. Lassen Sie uns gehen und erstellen Sie dies bei Zähler Komponente. Also, wo wir wollen, bieten wir eine Zahl Anfangswert auf ein paar Tasten, um als elastische Grenze die gleiche Sache zu implementieren Auf diese Weise verstehen wir das Konzept von Datenbindung . Also lasst uns gehen und uns das ansehen. Lassen Sie mich all diese Geldstrafen auf meinem rechten Bein schließen. Wir haben einen Zusammenbruch im Überfluss. Das ist jetzt wirklich nötig. Also habe ich meinen Quellcode richtig sichtbar. Ich gehe zu meinem AB und dann kann ich nach Komponenten am Zähler suchen und es gibt eine T s-Datei. Dies ist also eine T s Datei, die das Rückgrat einer Komponente ist. Das ist also, dass Sie Motorteil einer Komponente sagen können. Und das ist der Präsentationsteil des Unternehmens, einfach sagt, dass APP gerade jetzt funktioniert, was ich tun kann, ist, dass ich eine Variable innerhalb dieser Klasse deklarieren kann, die eine Mitgliedsvariable der Klasse wird . Ich kann uns privat vermarkten, wenn ich andere Wege will. Es ist immer noch in Ordnung. Zum Beispiel kann ich sagen, zählen Sie am Tag, weil wir innerhalb von Typoskript sind. Wir können die Variable Toby von einem bestimmten Typ definieren, ich kann Nummer so sagen. Nun, das ist wirklich schön, denn auf diese Weise kombiniert Zeit wird eine andere geben. Für den Fall. Wenn ich versuche, etwas nicht numerischer Wert zur Zählung aufzusteigen, kann er auch einen Standardwert zuweisen, um einen Wert zuzuweisen. Hier gibt es keine Notwendigkeit zu erwähnen, dass dies eine Zahl ist, aber Sie können immer gehen und sagen, gleich 20 als Anfangswert, wenn Sie möchten. Jetzt der andere Ort, an dem initialisiert werden soll. Wie Sie sehen können, dass es einen Konstruktor für eine bestimmte Klasse gibt, gibt es auch eine NGO darauf. Nun ist Constructor ein typischer JavaScript-Klassenkonstruktor. Also zu diesem Zeitpunkt, Klassen, die Instanz erstellt werden, ist es nicht eine Komponente, die bedeutet, dass angular dies nicht überwachen wird . Also, wenn Sie Winkelspitze anfangs etwas nicht JavaScript wollen, dann ist NGO darauf die Funktion für den Job. Das kommt also wegen eines Gerätes in ihm in Fäuste. Die ah gestrickte Schnittstelle stellt sicher, dass Sie diese Funktion haben. Zum Beispiel, wenn ich es nicht habe, können Sie sehen, dass Ihr Typoskript ein anderes Sprichwort gibt, dass es an unserer Counterkomponente sagt , dass es diese Schnittstelle falsch implementiert. Das müssen Sie zur Verfügung stellen. Also, wenn Sie sehen, dass es hier eine Glühbirne gibt, wir eskortieren gibt mir eine Option wieder. Basic Commander werden nicht auf Windows gesteuert und das wird zeigen, dass Sie Schnittstelle darin implementieren . Natürlich kann ich das auf dem Platz auswählen kommt hier rüber. Natürlich müssen Sie das wahrscheinlich runterziehen, weil wir wollen, dass das an diesem Ort ist. Es hat einen neuen Editor geworfen. Wir wollen keinen anderen werfen. Stattdessen können wir sagen, sie zählen gleich 20 Nun, sehr wichtig, dass Sie dies sagen müssen. Beginnen Sie hier, denn wenn Sie aus anderen Sprachen wie Java WASI Shop R C plus kommen , können Sie dies einfach tun, wo es nach einer lokalen Variablen gesucht hat. Es macht keinen Spaß. Es wird ein Mitglied brauchen. Wirklich. Aber im Gegensatz zu dem, JavaScript auf Typoskript sagen, dass nein, wenn Sie ohne die Festplatte eine Arbeit angegeben, wird es nach einer lokalen Variablen zwischen dem eigenen Haus suchen. Andi. Es besagt, dass wir das Schlüsselwort dieses Schlüsselwort unbedingt wieder verwenden müssen. Sie können sehen, dass es entzückend ist. Ich kann drücken Control dunkel und dann geben Sie unsere können Sie dort zweite Option hier. Seien Sie also vorsichtig, wenn Sie Optionen auswählen. Ist diese Zählung gleich 20 und jetzt habe ich einen Wert hier drüben. Null. Ich kann dies im HTML so präsentieren, wie ich will. Also lasst uns zum HTML auf gehen. Wahrscheinlich bekommen Sie es auf jedem Typ Ihres Alters, drei auf und sagen, die Zählung Derzeit ist er auf. Dann kann ich eine lockige Klammer benutzen und dann kann ich so husten. Dies ist eine Interpolation von den Werten, im Grunde, dass, was auch immer der Wert in Ihren Modellwerken vorhanden ist, der hier tatsächlich gedruckt wird . Also, wenn ich zurück zum Browser gehe, ist es derzeit Null gezählt. Aber wir möchten ein paar Tasten zur Verfügung stellen, damit wir unsere Ausrüstung umsetzen können. Um die Knöpfe zur Verfügung zu stellen, werde ich einen Parton, Bt und Bt und Primär zur Verfügung stellen. Das sind die Klassennamen, die wir benutzen werden. Dick Clement und ich werden kopieren Paste die gleiche Sache und ändern diese Zehe implementieren Speichern Sie es Begnadigung, um das Jahr Inkrement und Dick Clement zu kolonisieren, was immer ich eine funktional bieten will . Wenn ich also jedes Mal auf dieses Inkrement klicke, sollte ich sehen, dass dieser bestimmte Wert inkrementell ist. Was bedeutet, dass wir eine Funktion auslösen müssen, die von diesen Schaltflächen auf die Funktionen aufgerufen wird muss dies nehmen, um hier zu arbeiten. Also, was wir tun, werden wir zwei Funktionen zur Verfügung stellen. Ich kann sagen, du bist übel, Andi. Eine reguläre Job aufgelistete Funktion. Ich halte das für Ihr gestörtes Telefon Plus und dann natürlich Meinungsverschiedenheiten . Was soll das sagen? Startzählung minus Minus. Ich bin rot mit dem Wert aus, dass Now Harder Rufen Sie dieses Recht. Es ist also sehr, sehr einfach in eckig, denn jetzt haben sie einen einfachen Syntaxaufruf zur Verfügung gestellt, der direkt hier drüben funktioniert . Was ich tun kann, das kann einfach sagen, verwenden Sie um Klammer auf, Dann verwenden Sie das Ereignis, das Sie finden möchten, und Sie können sehen, dass diese hintere Punktzahl hilft mir mit was sind die verschiedenen Optionen, die wir haben? Wir wollen die Klickminze und das Klicken verwenden, wenn ich Dick Clement sagen kann. Ich weiß, dass wir Schule mir geholfen haben, indem ich die Klasse und dann verwenden Sie mich die Funktion , die auf hier verfügbar ist, kann ich noch einmal sagen, ein Klick-Ereignis entspricht Toe Unwohlsein. Andi, retten Sie das. Es ist auch alles in ein etwas namens Container gelegt, so dass bewaffnete Schicht F wird sich an Ihrem Hof Wilde bilden. Und wenn ich zu meiner Anwendung in den Browserkirchen zurückgehe, wenn es manchmal nicht aktualisiert wird, aktualisieren einfach auf Ihrem Zimmer. Wenn ich das implementiere, sehen Sie, dass es automatisch auf Deke implementiert auch richtig beklagt. Sie können sehen, dass, wenn ich auf diese bestimmte Schaltfläche klicke, die eigentliche Funktion in Arbeit ist. Das ist also eine Bindung. Was Ihre Bindung war, ist eine Schaltfläche, auf der Sie Funktion haben. Die Funktion ändert den Wert aus den Modelldaten. Und jedes Mal, wenn das Modell, das diesen bestimmten Wert geändert hat, wird automatisch reflektiert , und dies wird Data Mining genannt. Also haben wir eine Methodenbindung, und wir haben eine Datenbindung. Während dieses Datum, an dem Sie sehen, ein einziger Reddit darüber ist, was bedeutet, dass, wenn ich ein Textfeld hier aktiviert habe, der Wert geändert werden soll, wenn der Benutzer den Wert ändert. Wenn ich diesen Zeh will, beeinflussen Sie diese bestimmte Variable, die eine Zwei-Wege-Bindung sein soll, also im Moment, was wir tun, ist eine Bindung vom Modell waren. Später aktualisieren wir die Ansicht. Weiße Salsa ist noch nicht fertig, also werden wir das in Zukunft sehen. Jedenfalls jedoch eine Methode, tun wir jedoch eine Methode,die auf eine Weise verbindlich ist, dass Daten hier bindend sind, damit ich sowohl implementieren als auch zustimmen kann . 11. Übersicht der Richtlinien: Directors sind vielleicht das wichtigste Bit einer eckigen Anwendung auf, Wenn Sie darüber nachdenken, die am häufigsten verwendete Winkeleinheit, die Komponente ist eigentlich eine Direktive, und Winkelkomponente ist nichts anderes als ein Regisseur mit dem -Vorlage. Wenn wir sagen, dass Komponenten des Gebäudes sieben Winkelanwendungen Blut, sagen wir tatsächlich, dass Direktoren die Bausteine einer Winkelanwendung sind. Bei der Kernrichtlinie ist eine Funktion, die ausgeführt wird, wenn Winkel-Compiler es im Dunkeln findet , werden Angular Directors verwendet, um die Stromversorgung seiner TML zu erweitern, indem sie Nachrichten in der Steuer geben. Winkeldirektoren können in drei Typen Komponenten bei Tribute-Direktiven und Strukturdirektoren unterteilt werden. Wie wir frühere Komponenten gesehen haben, sind nur Direktoren mit Vorlagen unter der Haube. Sie benutzen die Opfer-AP und geben uns einen saubereren Weg, sie zu definieren. Die anderen beiden Director-Typen verfügen über keine Vorlagen. Stattdessen sind sie speziell auf Down-Manipulationen zugeschnitten. Attributdirektiven manipulieren das Abwärtsverhalten, indem es sein Verhalten und Aussehen ändert. Wir verwenden Attributdirektiven toe anwenden bedingte Zustandselemente zeigen, dass alle ausblenden Elemente dynamisch das Verhalten einer Komponente entsprechend einer sich ändernden Eigenschaft ändern. Einige der Gebäudeattribut-Direktoren sind im Stil. NJ-Klasse deaktiviert, versteckt in nur Switch und so weiter. Werfen wir einen Blick auf einige Verwendungsbeispiele aus dem Gebäude. Attribut-Direktoren sind hier auf Versteckt deaktiviert. Nachdem ein boolescher Ausdruck gut zugewiesen wurde, faughnder, sind faughnder, ungültig und gebildet gültig. Stellt den Status des Formulars dar. So basierend auf der Gültigkeit der Formulare, ist die Schaltfläche entweder deaktiviert oder aktiviert, und die andere Nachricht wird unsere Kinder angezeigt. In diesem Beispiel weisen wir eine Stileigenschaft toe tun basierend auf einem Objekt einmal fehlgeschlagen Farbeigenschaft. Hier ist ein Beispiel aus N G Class Act. Ein guter Regisseur. Der Ausdruck ist ein Objekt, das einige der CSS-Klassen darstellt, aber ob die Klasse verwendet werden soll oder nicht, wird basierend auf dem Wert von dem entschieden, was ein Barren ist . zum Beispiel Wenn das Alterzum Beispielweniger als 18 Jahre alt ist, wird eine zusätzliche Gefahren-CSS-Klasse angewendet. Wenn der Wert eins größer oder gleich 80 Auslieferungen ist, wird Erfolg angewendet. Strukturelle Direktiven sind speziell für die Erstellung und Zerstörung von Tom Elementen zugeschnitten. Einige der Gebäudestruktur Direktoren sind NGF Engy, weit weg von Indien, in diesem Fall, in dem verschiedene strukturelle Direktoren in HTML-Vorlage mit einem ass Trick statt einer quadratischen Klammer um sie verwendet werden . Zum Beispiel die NGO. Wenn direkt, wird Ihnen hier ein boolescher Ausdruck zugewiesen. Also, wenn die Produkte nicht verleihen ist gleich Null, dann Engy. Wenn real sichergestellt ist, dass Treffer drei auf die lange hinzugefügt wird. Aber wenn die Bedingung Produkte Shortland gleich 20 ist verblassen, dann Engy, wenn wird das Extra von oben entfernen. 12. Demo ngForof, ngIf, ngStyle und ngClass: um Regisseure zu verstehen. Lassen Sie uns ein neues Projekt nehmen, so dass Sie wissen, öffnen Sie ein neues Terminal, bekommen tun Desktop und nehmen Sie den Befehl N g nu Tempel verweigern und sagen Nein für die Abstimmung. CSS ist gut. Also, sobald dies getan ist, möchte ich Boots star als Syrer durch die Richtlinien installieren. Timo Ordner 10 Uhr Ich habe Strapped gelegt und auch den gleichen Ordner in Visual Studio Court geöffnet indem ich Hustenkunst tippe. Wir möchten bootstrapped oder eckige Chaisson ceviches hinzufügen. Hier muss ich zum Fleckabschnitt an einem Eintrag hier für Brett-Zeug gehen, das nördlich ist. Unterstrichene Ränder Schrägstrich Würde Schrägstrich dies zu splash Bootstrap CS ist nein. Wir werden unser Projekt auch durch Eingabe von Energie durchführen. Selbstabsturz Hoffnung Wir werden die Anwendung auch in einem neuen Browser öffnen. Also der andere ist, weil ich dem Abstand der Partei einen falschen Teil gab Slash CSS Slash bootstrapped Unser Fenster C s ist zurück Kontrolle. Siehe Onda führen Sie den gleichen Befehl erneut aus. Also jetzt ist unsere Verpflichtung bereit und lass uns gehen und eine neue Komponente hinzufügen, um die direkte Verwendung zu testen . Also habe ich einen neuen Tod geöffnet, dann sie in g g c für generieren, kompetent vor den vier Komponenten Schrägstrich und Komponente von wollen wir hier zum Testen von Engy für off erstellen Hat es getan? Das ist ein n g für den Teufel. Lassen Sie uns auf die App-Komponente html gehen. Wo dieses Land präsentiert und bearbeitet wird, das ist, dass wir die neue Komponente sehen, gehen auf die AB-Komponente html Hier, steigen Sie alles aus. Ich habe Abendessen als CSS-Klasse in Judy gemacht und dann nehme ich Ihre ad dash Engy für ihn als Tasche. Andi Nun, wenn ich die gefrorene zurückgehe, sollte ich sehen, dass unsere neue Komponente platziert wird. Nun, lasst uns verstehen, die N g vier aus Direktion mit einem Kern-Sample. Also lasst uns zu den D s gehen. Zuerst haben die Taliban sogar Leute genannt, was ein freier Tag für jede Art von Objekt ist. Und im n g darauf initialisieren Sie das mit einigen Dummy-Werten. Also möchte ich hier hinzufügen, Menschen, Menschen, die dieser Start Menschen gleich bücken auf mich im Inneren der AM wird einige Werte wie , zum Beispiel, zum Beispiel, verlassen ist offenbart H C 45 Stadt, und es fügen Sie auch ein Bild hinzu, das sich im Ordner „Assets“ befindet. Das ist wahrscheinlich Kind unter Ordner namens Images on. Ich werde ein paar Bilder hier drüben kopieren von der Seite, die geschlitzt werden würde A sitzt Schrägbilder auf Nehmen wir an, dass es nicht unser chippy auf der gleichen Sache ist. Ich werde ein paar Mal einfügen kopieren, einige Änderungen vornehmen. Also haben wir vier Objekte in der Ari, und jetzt wollen wir dies durchschauen und dann die gleichen Details im HTML präsentieren. Die Art und Weise, wie wir tun können, ist, dass wir zu dem HTML gehen können, der diesem Onda entspricht. Lassen Sie uns das hier runter. Setzen wir ein H drei auf. Wir werden sagen, du bist ng für seinen Sprung. Nun nehmen wir an, dass wir die Liste von allen Leuten in einer Uriel-ähnlichen Kombination anzeigen wollen . Also generell wird es so sein. Und das sind Daten. Wenn Sie zum Näheren zurückkehren, sehen Sie, dass ich eine Kugel habe, die besagt, dass dies eine Personendaten ist, aber ich möchte, dass dieses Gut für jede Person hier wiederholt wird. Also, um das zu tun, verwenden wir die spezielle Syntax hier n g vier aus dem strukturellen Direktor und die strukturellen Direktoren haben eine dünne, dunkle beginnen ihren Hintern Trick auf Beweise. Ein Magen. Sie können sehen, dass Sie die Liste aller strukturellen Details hier N g Für obwohl wir hier sagen, ist es Engy für off die Syntax für die Verwendung der gleichen ist N G vier Onda. Wir haben ihm einen Ausdruck zugewiesen. Jetzt besteht dieser Ausdruck aus einer Erklärung der verfügbaren, wie lassen Sie essen einen Weg, dass wir es Menschen verwerfen. So braucht es eine Person von den Menschen einig, dann stieg auf eine lokale Variable Korpi auf. Dann können wir auf das Sein in diesem speziellen zugreifen und Alexei zuerst Schrägstrich lassen, speichern Sie das jetzt und gehen Sie zurück. Wir sollten sehen, dass die gleichen Daten viermal wiederholt werden, weil wir 4% Daten dort drüben haben. Anstatt diese Dummy-Daten zu haben, können wir tatsächlich die Daten von der Person Objekt p ziehen, dann seine Details drucken, zum Beispiel kann ich sagen, hier in College-Klammern p Punktname ist von der Tür Stadt. Speichern Sie das. Und wenn ich zurückgehe, sollte ich sehen, jetzt steht es, dass wir das von Bangla kennen und so weiter. Jetzt, wenn du willst? Oh, das Bild von der Person. Sie können also auch sagen, ich bin Jean. Die Quelle wird Peter sein. Was für ein Bild? Peter Bild ist kein eigentliches Bild. Also wollen wir den Wert von Peter Bild Toby, assoziieren Sie es mit diesem SSC, das getan werden kann, indem Sie dies entweder in einem kalibrierten wie folgt können wir den quadratischen Datensatz für den SRC verwenden, der sagt, dass dies ein Ausdruck und der Ausdruck ist muss ausgewertet werden. Eso, ich werde das retten. Und als ich das öffnete, hatte ich keine Bilder. Also, wenn ich hier aktualisiere, sehen Sie, dass, weil wir keine Bilder haben, es zeigt nicht die Welt mit an dieser Kopie und fügen einige der Bilder hier drüben. Also habe ich die Bilder in Sie kopiert meinen diesen Ordner. Und wie Sie jetzt sehen können, wenn ich zurück zu der näheren Onda aktualisieren, sollten Sie sehen, dass die Bilder erscheinen. Die Bilder sind sehr groß. Wir wollen eine gemeinsame Größe für die gleiche Sache haben. So kann dies leicht Einstellung sein, indem Sie hier einen Stil hinzufügen. Aber wir können das auch mit Hilfe einer anderen Richtlinie, so genannten Engy-Stil, tun. So kann der Indie-Stil eine Waffe Objekte zugewiesen werden, so dass ich hier definieren kann Engy Stil entspricht toe einem Stilausdruck oder dass hier wieder, wir verwenden eine eckige Klammern, um anzuzeigen, dass dies ein Ausdruck und der Ausdruck hier als -Objekt. Und das ist die stolge Eigenschaft, die wir geben wollen, was zum Beispiel ganz auf sein könnte zum Beispiel . Dann kann ich hier 100 als Safe sagen, aber wir müssen vielleicht 100 PX für Pixel geben, in diesem Fall wird dies eine Zeichenfolge sein, so etwas sind letztlich können wir auch etwas wie Verstecken zuweisen. Dr. P X ist 100. So können die Einheiten hier auf diese Weise angegeben werden, weil start nicht als Teil des Schlüssels verwendet werden kann . Es muss in Strings wie diesem gegeben werden und speichern. Und wenn ich zum näher zurückgehe, können Sie sehen, dass alle Bilder aus 100 Pixel sind. Im Moment können wir dies auch von unserer Komponente bis PS steuern. zum Beispiel vor, Stellen Sie sichzum Beispiel vor,ich bin hier eine Variable namens I n g. Stine's Save it. Ich gehe zurück hierher, deklariere eine Variable. Natürlich, I m j Stiles entspricht toe ein Objekt, das aus der Höhe besteht. Dark PX ist 100. Natürlich muss dies in Form einer Zeichenfolge vorliegen. Ich kann auch Randradius angeben. Oh, fünf Pixel. Wieder. Barda Radius Entweder muss mit einem Bindestrich versehen sein. R Oregon. Verwenden Sie das Großbuchstaben auf Bindestrich. R bedeutet, dass Sie es vielleicht wieder vor Gericht geben müssen. Und fünf p verlassen Sie die Zeichenfolge. Also muss ich es so geben Alles, was ich auch hier sagen kann, Grenzradius unser P X, das die Einheit darstellt. Und dann kann ich sagen, Sie sind fünf, speichern Sie es und Sie sollten wissen, dass der Radius angewendet wird. Ich möchte vielleicht ein bisschen abseits der Marge geben. Ich kann gegen hier angeben, Marge dunkle PX ist auch in Ordnung. Es wird also eine Lücke zwischen jedem geben. Diese Stile können jetzt auf mehrere Elemente angewendet werden, wenn Sie möchten, aber wir haben nur verwendet, um don Ich bin die Stile. Natürlich ist das, weil es noch nicht aktualisiert ist und nie sehen, dass der Araber weg ist. Da wir Bootstrap verwenden. Wir können auch die CSS-Klassen verwenden, die verfügbar sind. Zum Beispiel für die l. A. kann ich für die l. A.eine CSS-Klasse von Bootstrap hinzufügen, indem ich n g Klasse auf Engy Klasse Saison wieder ein Attribut gegen die wir hier ein Objekt liefern müssen, wo der Schlüssel der Name des -Klasse, die Sie geben möchten. Dies ist ein boolescher Ausdruck, der bestimmt, ob die Klasse angewendet werden muss, nicht, zum Beispiel, ich kann hier sehen Text Bindestrich Erfolg wahr ist, da der Frieden nicht Minus enthalten kann, wir müssen das in einem String-Format und gegen Sie wissen, dass Klasse Extraerfolg angewendet wird. Wenn dieser Ausdruck Werte zu zeichnen, was wahr ist, speichere ich ihn immer. Und wenn ich zurück zum Browser gehe, sollten Sie sie in grüner Farbe sehen. Richtig? Aber ich kann Ihren Luftausdruck haben, der es manchmal unwahr gemacht hat und dass Merikaner ein anderes Mal fallen . Also, zum Beispiel, kann ich sagen, drei Punktalter, das ist das Alter der Person hier drinnen. Ich kann jetzt überprüfen, ob dein Peter-Alter größer oder gleich 2 18 ist, also bist du ein Text zum Erfolg. Also, wenn ich das speichere und zurückgehe, solltest du sehen, dass John Doe hier nicht in der grünen Farbe ist. Wir können immer eine andere haben, und ich kann sagen, feste Gefahr für den Fall, dass Peter HD weniger als 18 ist. Also speichern Sie das. Ich muss jetzt Klassen trennen, einen für Erwachsene und einen für Minderjährige. Natürlich kann dies auch eine Funktion sein, zum Beispiel basierend auf dem Alter der Person. Ich möchte hier eine CSS-Klasse bekommen, damit ich sagen kann, dass ich CSS-Klasse auf Peter bekommen kann, Feature Vida Perimeter dafür. Natürlich habe ich keine Funktion namens get CSS-Klasse. Also muss ich hierher gehen, eine Funktion namens bekommen CIA seine Klasse, die Alter einer Person nimmt, die ich überprüfen kann ob Messwert weniger als 18 ist, dann gibt zusätzliche Gefahr schreit ich zurück, kann ich sagen, zurück. Dank Dash Dienste Speichern Sie es. Gehen Sie zurück zum Browser und Sie können sehen, dass wir genau das gleiche Ergebnis erhalten. Nun gehen wir zu unserem HTML auf unsere hier Überschrift, um anzuzeigen, dass Sie vier Kontakte haben, also werde ich hinzufügen, Sie sind ein Hit, denn es gibt Leute nicht verleihen Mais Index speichern begann eine Überschrift, die besagt, dass es vier Kontakte. Lassen Sie uns einen Deal vorlegen. Annahme hier, so dass, wenn ich auf den Lösch-Button jedes aus klicke, dieser von 1 gelöscht werden kann. Also werden wir einen Knopf VT Ende zur Verfügung stellen oder Wasser beginnen. Dann setzen wir eine X-Markierung, so dass es eine Art von Fähigkeit Aktion darstellt. Wenn der Benutzer darauf klickt, möchte ich, dass dies gelöscht wird, so klicken Sie auf die Schaltfläche. Wir wollen, dass Gott die Person auslöscht. Ich werde den Index von dieser bestimmten Person nicht liefern. Nun, da wir einen Ausdruck haben, der besagt: Geben Sie mir ein Personenobjekt, kann ich das Objekt selbst hier liefern. Aber was, wenn ich den Index aus dem Element liefern will, in der Luft ein Volk sein Also was? Wir können es tun. Wir können hier einen zynischen einfügen und Index sagen, wie ich Also die Schleifenvariable wird mir jetzt gegeben , wie ich und ich liefern kann, dass wertvoll ich höre, der andere hier ist, weil wir keine Funktion haben , die komplette Person genannt wird, die sich in meinem t s befindet. Also gehe ich weiter, dann sage hier, lösche Person, die einen Index erhält und dann kann ich das aktuelle Element entfernen. Also, zum Beispiel, wenn Indizes eins dann möchte ich dieses bestimmte Auto löschen. Die Art und Weise, wie Sie tun können, ist, dass dieser Start Leute nicht liefert, was den Index und die Anzahl der Elemente benötigt, um an diesen Index zu glauben. Also möchte ich ein Element aus dem Index löschen. Also jetzt haben wir diese Funktion. Wenn ich also zurück zum Browser gehe und auf einen der Aufzeichnungen klicke, kannst du sehen, dass er weg ist und es weitergeht. Es ist weg. Jedes Mal, wenn ich in Rechnung stelle, können Sie sehen, dass es tatsächlich mit Erle zurückkommt, die Nummer, weil ich Leute benutze, die auf verleihen. Dann klicke ich auf den letzten und du kannst sehen, dass es jetzt keine Kontakte gibt. Vorfall in dieser Nachricht. Ich möchte eine weitere Nachricht anzeigen, die besagt, dass es keine Kontakte gibt, so dass ich hier zurück gehen kann , und ich kann sagen, Absicherung für es gibt keine Kontakte in Ihrem Ich habe gerade gekackt. Ich sehe es, aber wir wollen jemanden von ihnen zu einem bestimmten Zeitpunkt zeigen, abhängig von der Länge, so dass ich eine andere strukturelle Direktive verwenden kann oder n G ist, die dies hineinfügt, alles, was es von oben entfernt, abhängig von der Bedingung, die wir hier gegeben haben. Also will ich nachsehen. Wenn Menschen Land ist größer als Null. Dann müssen wir das spezifizieren. Wenn die Leute nicht leihen ist gleich Null, dann wollen wir zeigen, dass es keine Kontakte in Ihrem Adressbuch gibt, damit ich das speichern kann . Geh zurück. Es sagt, hier gibt es vier Kontakte jetzt ist es 3 zu 1 auf Details hier, die keine Kontakte in Ihrem Adressbuch sind . Wir können auch eine echte oder Schaltfläche hier zur Verfügung stellen, die tatsächlich den Aufruf von N g auslösen kann , was diese Benachrichtigung initialisiert, dass dies nur eine andere Funktion ist. Angular ruft das zufällig auf. Die Komponente wird am Anfang initialisiert. Aber wenn Sie dies neu initialisieren möchten, können Sie dies immer selbst nennen. Zum Beispiel. Ich kann hier gehen und eine weitere Schaltfläche für einen Link hinzufügen hier, oder drehen Sie Ihre 50 und oder drei t und Bindestrich Link. Und dann sage ich Euer Herr auf und auf Klicken Sie hier. Ich kann N G so anrufen. Es gibt also kein Problem, so anzurufen. Aber denken Sie daran, NJ darauf ist für eckige Zehe zu initialisieren am Anfang gedacht, wenn die Komponente erstellt wird. Also habe ich das gerettet. Ich gehe zurück hierher, ich habe vier Kontakte nacheinander verzögert jeder von ihnen gelöscht werden. Und dann heißt es, Herr, Datum des unwahrscheinlichen Verhaltens. Ich habe alle Daten noch einmal gelernt. Und dann gibt es noch einmal vier Kontakte. 13. Demo ngSwitch: Lassen Sie uns an einem anderen Beispiel arbeiten, um Engy, Switch und NG's zu verstehen , in welchem Fall. Also zuerst gehe ich toe the line front gender gender, eine neue Komponente namens N g Storage. Und da wir dies auf oder Zitat Bildschirm sehen wollen, wird zu SRC bis bei Komponente HTML gehen und wir wollen die neu generierten Engy Schalter sie auch einschließen , Ich werde dies auf Verhalten begehen, nachdem sh n g ihn als Färber umgeschaltet hat. Speichern Sie es. Gehen wir zurück zu den Problemen er auf dsi, dass es sagt Engy Switch Demo funktioniert. Das bedeutet, dass unsere neu rote Komponente hier verfügbar ist. Lassen Sie uns zum HTML gehen aus der neuen Komponente. Holen Sie es von diesem, Das ist in einer Geschichte wird sagen, Engy Switch. Nicht das sind vier Knöpfe, Porton Dot Füße, Ian Thorpe et und Primary. Wir wollen vier von ihnen und dann wollen wir einen Beschriftungsknopf-Dollar haben, den Sie in einen Knopfzehen stecken . Es ist ein Entwurf, also haben wir vier Knöpfe. Wir werden auch vier Deals entsprechend jedem von ihnen. Also werde ich hier sein. Das war's. Das ist Dave Number Dollar, und ich bekomme gleich vier Tage. Nehmen wir an, dass jede dieser Deals mit jeder der Schaltflächen übereinstimmt. Wenn ich auf die Schaltfläche ein klicke, möchte ich, dass dies mit sichtbar ist, wenn ich auf die Schaltfläche tritt , um nur Sie zwei auf erscheinen sollte, wenn ich auf den Baum klicke. Nur drei sollten erscheinen und so weiter. Nun, damit dies funktioniert, gehen wir zu den entsprechenden Jahren. Heutige deklarieren eine Variable namens Wahl auf Lassen Sie uns einen Standardwert von 12 die gleiche geben. Wir lesen eine Funktion namens SEC Choice, die eine Auswahl erhält und dann die Zehe Verzerrung Ladung zuweist. Speichern Sie es. Gehen wir zurück, Andi, Andi, wir werden diese Funktion über diese Funktion aufrufen. Einige werden hier auf Flick sagen, es will Zehe setzen Wahl aus einer auf die gleiche Sache. Ich werde für die anderen kopieren und einfügen, indem ich den Wert davon ändere. Also durch Klicken auf eine beliebige aus, diese Tasten tatsächlich Aufruf Dysfunktion, die den Wert von dieser Wahl ändert. Na Mikel steuern das Aussehen jedes der Deal, weil die Chinesen auf der Grundlage des Klicks ändert , die Sie getan haben. Das erste, was wir machen werden, ist, an diesem Tag einen Deal abzuschleppen, wird an diesen vier Tagen überzeugen . Ich möchte, dass Ihre NGO-Switch gleich zwei Wahl auf Machen Sie das nicht. Das ist ein Ausdruck. Wir werden eine quadratische Klammer hinzufügen. Also die Ng's, die jetzt den Wert von Childs überprüft, mit einem Ausdruck, dass ich hier in jedem der Deal sein werde . Nun, das ist die Strukturrichtlinie, die das Erscheinungsbild von jedem dieser Deal kontrolliert. Also, dass strukturelle tun hier wäre Sterne NJ Schalter Kinder gleich Zehe. Ich kann Sie sehen, dass, wenn es einer ist, dann ist dies derjenige, der angezeigt wird. Wenn das auch ist, dann ist dies derjenige. Also werde ich das Dummkopf kopieren und die notwendigen Änderungen vornehmen. Speichern Sie die Datei. Wenn ich zurück zum Rosell gehe, sehe ich vier Knöpfe. Aber es sagt, das ist die Nummer eins. Ich habe mich geändert 04 Und es ist das auf Nummer vier, aber ich tue es. Ich klicke. Es sagt, das ist die Nummer zwei und Zahl behandelt jeder von ihnen funktioniert einfach so. Jetzt, nur um sicherzustellen, dass das besser aussieht. Was wir also tun können, ist, dass wir einige Inhalte hinzufügen können. Sagen wir, ich will unser hier. Ich hatte eine Reihe mit zwei Anrufen. Andi in jedem von ihnen in unserem eigenen Bild. Lassen Sie die erste Last entspricht Tiger. Andi, ich möchte ein paar Informationen über Tiger vom Schlüssel bekommen. Schändliche. Ich gehe zum Wiki. Sehr gut. Beim Öffnen des ersten Ling, Das ist dieses Bild, auf dem ich die Pflanze kopieren werde und hier basiert. Und dann habe ich den ersten Absatz kopiert und dann auch hier eingefügt. Also haben wir die 1. 1 und ebenso werde ich dasselbe auch für die anderen Ansichten tun. So kopieren Sie für vier von ihnen, Vier verschiedene Arten von Bildern und Inhalten. Also der 2. 1 ist Löwe. 3. 1 ist Gepard. Und für diesen Adler, retten Sie ihn. Gehen Sie zurück zum Browser auf und überprüfen Sie ohne Tiger Lion, Gepard Eagle Klicken Sie darauf, dass ich die entsprechenden Details jetzt. Manchmal könnte das wie ein Taxi aussehen, also wollen wir das erreichen. Also statt aber in der primären kann ich ändern, ist zu wichtig Link auf jetzt. Natürlich wird es schöner aussehen. Also nimm einen Löwen, Gepard und Adler. Wir können auch eine Standardoption für den Fall haben, wenn ich jetzt noch eine habe. Nehmen wir an, kopieren Sie diese ganze Sache und fügen Sie sie dann ein. Lass es uns. Das ist das Holz des Kindes. Gut. Und ich tippe dein „Fünf“, was ich nicht habe. Wenn ich also auf Biss klicke, erscheint hier nichts. So können wir auch einen weiteren Deal hinzufügen und sagen, dass dieser spezielle Deal ein Standard ist. So ist der NGO-Switch Standard. Andi, dafür musst du nichts geben. Und dann können Sie Ihre keine Inhalte unser Niveau für diese Wahl eingeben. Entschuldigung, Versicherung. Speichern Sie es. Geh zurück. Also, jetzt nehme ich auf Adler, Ich bekomme die Ausgabe und ich klicke darauf. Es ist kein Inhalt zur Auswahl verfügbar. Entschuldigen Sie die Unannehmlichkeiten. Also, natürlich kann ich jetzt zurück. Ein Problem ist, dass, wenn ich Gepard hier und dann, wenn ich die Seite aktualisieren, Sie werden sehen, dass es die erste zurücksetzt 1 Denn in der Komponente können Sie sehen, die Wahl gleich eins Ist der Tee für Wert. Jedes Mal, wenn Sie aktualisieren, wird die Komponente neu geladen und die Auswahlmöglichkeiten werden auf eins zurückgesetzt. Was wir hier tun möchten, ist, dass wir ein Zeichen haben wollen, das zuvor eine Wahl für diese Variable getroffen hat . Aber wir müssen es woanders speichern, denn wenn der Browser aktualisiert wird, wir diese Daten verloren, also müssen wir sie woanders speichern. Und wo wir Geschichten können, ist etwas namens Sitzungsspeicher. Ich kann hier einen Schlüssel hinzufügen, der zum Beispiel genannt wird, sie verwenden gleich eines Kindes. Zwei. Ich kann die Wahl sagen, Andi, Wenn Sie NGO auf sagen, würde es überprüfen, ob der Wert vorhanden ist. Wenn ihre Werte Ussing präsentieren, Zehe diese Wahl, so dass ich hier sehen kann. Geben Sie diesen Wert ist verfügbar. Dann kannst du sagen, du bist zerstörerisch. Die Wahl entspricht der Zehe. Holen Sie sich den Wert aus Sitzungsstorys, um dies zu speichern. Gehen Sie zurück zum Browser. Jetzt gehe ich zum Gepard und aktualisiere den Browser auf. Sie können sehen, dass es immer noch zurück zu Cheetah Goto Eagle kommen sollte. Und dann reflektiere ich diese Seite. Es sollte immer noch auf den Adler zurückkommen. Wenn eine gute Entwicklertools die Anwendung betrachten, gibt es einen lokalen Speicher und Stationsspeicher und im Stationsspeicher für diese bestimmte Domäne. Wir haben einen Wert namens Benutzerwahl für so jedes Mal, wenn ich auf eine Option klicke, können Sie sehen, dass sich der Wert ändert und dies wird in der Entscheidungsspeicherung gehalten werden, solange der Bruder offen ist. Zum Beispiel habe ich gerade auf Gepard geklickt, also ist der Wert drei. Ich verlasse den Bruder weiter, dann komm wieder zurück. Sie können sehen, dass, wenn ich zurückkomme, es um Tiger geht, vor allem, weil die Daten tot im Sitzungsspeicher waren. Es gibt keine Daten mehr, weil es verloren ging, als der Bruder geschlossen wurde. Letztendlich können wir es auch im lokalen Speicher aufbewahren. Moment haben wir es nicht, aber wir können es im lokalen Speicher behalten, so dass es hartnäckig sein wird, wenn ich zurück zu diesem gehe und vom Abschnittsspeicher, dem lokalen Speicher wechseln und dann den Browser aktualisieren, sobald er geschlossen ist. Dieses Mal wähle ich Löwen und schließe dann den Browser, verlasse den näher, und dann überprüfe ich noch einmal lokalen Host für zwei doppelte Null. Sie können sehen, dass es den Löwen zeigt, indem Sie Adler auswählen. Ich verlasse die näher und dann öffnen Chrom noch einmal und dann gehe ich Zehe Einheimische für zwei Doppel-Null . Sie können sehen, dass es sich an das vorherige Kind erinnert, auch wenn der Browser in der Nähe von 14. Demo – benutzerdefinierte Richtlinie: Wir können auch unsere eigenen benutzerdefinierten Directors erstellen, um das gleiche zu verstehen, Das ist eine Komponente auf einem direkten Sie erstellen . So gehen wir zurück zu den blinden betrunkenen wird hier n g genetische Komponente nehmen. Aber dieses Mal wird es eine Custom Do Demo sein, und wir werden auch eine neue Direktive erstellen. N g g. Für die Richtlinie. Oregon aktiviert Generierte Direktive und ich kann zu diesem Zeitpunkt einen neuen Ordner mit dem Namen Wenn Pillen Slash Lassen Sie uns es US-Box nennen, wenn ich Enter gedrückt wird, wird es nur eine es-Datei Geschlecht weil dies keine HTML oder CSS enthalten wird, und es hat aktualisiert. Die Mehrheit ist in der Erklärung Abschnitt auf. Also gehen wir zurück zu unserer APP-Komponente h Demon and Change. Dieser Engy hat die Moto Zoll gewechselt. Hat es getan Teufel Slash up benutzerdefinierte Direktive Demo und es öffnete den Browser und ich sage lokal war für Cordoba Null. Sie sollten sehen, dass es benutzerdefinierte Direktive Demo funktioniert. Was wir tun werden, ist, dass wir zu dieser neuen Komponente gehen und sind das ein Haufen von Beiträgen, die Sie tun? Und ich sagte, dies ist ein tun eine Menge Absatz auf, sagen wir, Dies ist ein Absatz und viele unserer Endbild. SRC gleich toe bewerten Schrägstrich Bilder Schrägstrich Goldberg jpg Wir werden auch ihre Engy Stil gleich Zehe Höhe 30 p x 150 Nun haben wir diese drei Elemente Wir gehen zurück, wir sehen diesen Inhalt. Gehen wir zu unserer Direktive Plus, die boxed sind RTs gerichtet auf Ich nenne dies als Box-Director , denn wenn es verwendet wird, möchte ich diesen Zeh Surround die Elemente wie eine Box? Nein, nicht der Selektor hier hat eine quadratische Brakhage an Box Sie können hier einen beliebigen Namen wie Box selbst angeben. Aber Angular schlug vor, dass Sie hier eine Art Perfektes verwenden sollten, damit es nicht mit irgendwelchen Baurichtlinien unserer HTML-Attribute in Konflikt steht. Die eckige Klammer hier zeigt an, dass überprüft So bin ich nicht gegangen. Uns wurde eine Dunkelheit bei Booten gegeben, in diesem Fall hätte ich es als CSS-Klasse verwenden können. Lassen Sie uns das als Attribut lassen, damit ich hier zum HTML gehen kann, was ich will, ist ich hier sehen möchte , dass dies eine Box wie diese ist. Die Idee, ihm Regisseur zu geben, war ein aktiver, den Sie hören würden, ist Zehe einen Zugriff auf das eigentliche Element haben , wo es auf de Kontrolle das Aussehen desselben verwendet wird. Also, um das zu tun. Das erste, was ist, dass Sie nach einer Abhängigkeit fragen, die als Element links genannt wird. So tauchen wir Ihr Feuer, es Element aus Typ namens Element Atem, die ein Mitglied aus eckigen Kurs ist. Also haben wir das dran. Alles, was ich tun muss, ist das benötigte Element zu bekommen, was bedeutet, dass das Element, auf dem dieser spezielle Direktor auf einen Ort angewendet wurde, und Stile dazu verwenden wir eine Schnittstelle nach Ansicht darin. Und wir sind diese fehlende Funktion, die nach dem Betrachten GI genannt wird. Nun, hier können wir auf das Element in diesem auf zugreifen. Dann füge eine CIA-Schwester hinzu, damit ich das tun werde. Ich kann das sagen. Starten Sie eine Grenze Punkt native Element Punkt Stil und auf den Stil, den wir tatsächlich zugreifen wollen. Zum Beispiel, wenn ich von Grenze gleich zwei ein Pixel solide bereitstellen möchte, lassen Sie uns zurücklehnen, speichern Sie dies. Und wenn Sie zurück zum Browser gehen, können Sie sehen, dass der Deal jetzt eine Box hat. Ich kann dies auf jedes dieser anderen Elemente anwenden. Zum Beispiel, ich kann Ihr B bei Fox jetzt an haben. Ich sollte in der Lage sein, zu sehen, dass der Absatz auch die Box enthält. Andi, ich kann weiter mehr und mehr Sachen hinzufügen. Zum Beispiel, wie eine Idee. Das Gleiche. Ein paar Mal kann ich sagen, bar Death Radius. Ich kann nur einen reinen Kampf. Außer ich kann hier sagen, Patties off, vielleicht fünf Picks und vielleicht eine Marge auch fünf außer speichern Sie dies und gehen Sie zurück und wir sollten sehen, dass die Boxen jetzt anders sind. Ich kann es auch auf die AMG für wollen hinzufügen, ich kann hier sagen, haben Parks auf es tut nur das gleiche für das Bild Auch. Jetzt kann ich auch bestimmte andere Dinge kontrollieren. Zum Beispiel, wenn ich die Farbe für diese Box anders als diese liefern möchte. Dies kann also getan werden, indem Sie zu unserer Klasse Prickly eine Variable namens Größe gehen, die standardmäßig gleich toe ein Pixel ist . Also möchte ich dieses ersetzen und ich habe hier einen Stil, der ein solider Typ jemand ist, der gleich zwei solide ist. Aber dann kann ich sagen, dass Ihre Farbe gleich schwarz ist, was die Standardwerte auf ist. Jetzt kann ich dies zu einem Ausdruck ändern, indem ich dies mit einem Backcourt entferne, Ich kann Dollar diese Punktgröße verwenden, Space Dollar dieser Aktientyp Space Dollar diese Startfarbe von Kurs, wissen Sie, Änderungen. Wenn ich zum Browser zurückgehe, sehe ich immer noch das Gleiche. Aber wenn eine sich ändernde politische hier, werde ich eine rote Grenze bekommen. Was wir tun wollen, ist, diese Werte aus den Elementen hier zu liefern. Und die Art und Weise, wie ich tun kann, ist Ideendekorator für aktivierte Eingabe zu kaufen, was das tut, ist jetzt. Ich kann eine Eigenschaft namens size aus dem Attribut hier bereitstellen, damit ich Ihren Ausdruck hinzufügen kann . Größe entspricht dem, was ist der Ausdruck? Also vielleicht kann ich hier drei Schweine selbst sehen Sie für die 1. 1 Es ist ein Spiel, das Streep Excel. Aber für die 2. 1 ist es nicht. Ich kann auch hinzufügen, große Eingabe für den Typ auf, nachdem es für Farbe eingegeben wurde. Jetzt kann ich alles in dem Element verwenden. Zum Beispiel kann ich sehen, dass Sie gleich zwei Unternehmen sind. Ich kann sagen, Ihre Größe entspricht fünf fixem. Ich kann auch sagen, hier ist Farbe gleich Zehe. Sehen Sie rechts, Speichern Sie es, gehen Sie zurück und Sie können sehen, dass es eine rote Farbe ist. Es ist auch eine doppelte Grenze. Es ist ein Kampf, großes Selbst. Ich kann das zu jedem von dem haben. Sie können hier sehen. Farbe enthält zwei Schlag Seufzer. Zu drei Menschen nehmen den gleichen Stuhltod auf. Auf diese Weise kann Director verwendet werden, um das Erscheinungsbild ab-Element zu ändern, das völlig anpassbar ist. 15. Die Grundstruktur unserer phonebook erstellen: wissen, dass wir die Grundlagen der Komponenten verstanden haben. Andi bindet sogar ein bisschen off Datenbindung. Lassen Sie uns eine Anwendung bauen, um mehr über das gleiche zu verstehen. Die Anwendung wird also eine Telefonbuchanwendung sein, die die absolute Komponente hat, die sich aus anderen Komponenten zusammensetzt, so dass Sie eine erwiesene übergeordnete Komponente betrachten können . Header Sidebar auf zu Hause, um untergeordnete Komponenten aboot zu sein. Wir werden auch ah, Routing aktiviert nach einer Weile, wo der Cyber wird ein paar viele Optionen anzeigen und übernehmen, auf denen Sie in der Lage sein sollten, eine andere Komponente anstelle von Home-Komponente zu sehen, zum Beispiel zeigen Sie die Details des Kontakts an, so dass ich möglicherweise inkompetent sind wahrscheinlich die Bearbeitung oder fügen Sie eine neue Komponente hinzu. Ich habe vielleicht ein Kontaktformular. Wenn Sie eine Liste von allen Kontakten haben möchten, haben Sie möglicherweise eine weitere Firma. Sind, wenn der Benutzer etwas in die Adressleiste eingibt und die Seiten nicht Telefon. Vielleicht möchten wir sogar eine andere Hündin anzeigen, die im Allgemeinen als vierzehntätige Seite bezeichnet wird. Jetzt, um einige Zeit zu sparen, habe ich bereits ein grundlegendes Winkelprojekt erstellt und habe bereits begonnen, auf dem lokalen Host für zwei Doppel-Null zu serval . Ich habe bereits Bootstrap Ford, Artur an einem hinzugefügt . Andi. Ich fügte auch hinzu, dass in unserem eckigen Chaisson, um damit zu beginnen, die Komponenten erstellen, die für unsere Anwendung notwendig sind. Also werde ich in eine Gedankenfront gehen und sicherstellen, dass ich direkt in der Arbeit bin. Das ist mein Telefon, aber APP-Verzeichnis und ich werde diesen Befehl übernehmen NGC-Engine generieren Komponente und ich möchte, dass die Komponente in Sub-Border Kartenkomponenten ist. Dies dient dazu, unsere Dateien im richtigen Stil zu organisieren. Dann möchte ich etwas namens Header erstellen, das der Leiter der Komponente sein wird. Andi, ich kann sagen, ich will diese Testfälle nicht. Ich kann sagen, dass Respekt gleich zwei Farmen sowie ich kann es benutzerdefinierte hören, etwas wie BB für Telefonbuch zu beheben . Sonst wird es standardmäßig bei dauern. Das wird also drei Kämpfe eine CSS-Datei erstellen. Eine Hedge-Trimmerdatei in einer Textdatei hat auch das App-Modell aktualisiert. Schmutzig ist gut. Also lasst uns noch einen haben. Diesmal meine ich, es war eine Pfeilspitze nach oben. Gehen Sie zurück zum vorherigen Befehl und ich werde das als Sidebar eine weitere kompetente zu diesem Zeitpunkt für zu Hause nennen und es wird einen Blick auf das werfen, was erzeugt wird. Notizen, die es aufstehen können. All diese Kämpfe. Unter SRC haben wir AB. Jetzt sehen Sie, dass es einen Komponentenrahmen mit Header-Home- und Cyber-Ordnern gibt. Jeder von ihnen kommt mit den drei Kämpfen. Wie wir gesehen haben eso gibt es ein CSS html DS. Wenn Sie sich den HTML-Code ansehen, sagt es, dass Ihr Header funktioniert. In ähnlicher Weise sind es seine Hausaufgaben, dann funktioniert Sidebar, richtig? Das ist also eine sehr grundlegende Ausgabe, die es produzieren wird. Also gehen wir zu der APP-Komponente umrandet Jemen, holen es von all diesen Dingen und dann gehe ich außerhalb der Geburt sowie der Heimatfirma. Aber während wir das tun, lassen Sie uns auch sicherstellen, dass wir strukturieren, wie die Babys in diesem Licht sind. Also zuerst werde ich einen Deal mit einer Rolle als Klasse hinzufügen, die ich auf das besteht aus und so können Sie einfach den Raum kontrollieren und dann können Sie bekommen, dass automatisch generiert werden, sein Team alle schlecht. Und hier werden wir so etwas wie PB Dash Header Onda Slash Phoebe haben, nicht Heather. Nicht auch wenn ich hier keine Kinderkomponente haben werde, unsere Kind-Inhalte. Es ist wichtig, dass wir das End-Tag speziell so angeben, nicht indem wir mit einer leeren Steuerzeit beenden. Dann werde ich noch einen unsere Rolle übernehmen lassen. Also werde ich sagen, hier in der Regel rollen. Diesmal muss ich zu Spalten, damit du hier bleiben kannst bis zum Anruf Times zwei. Und wenn du die Eingabetaste drückst, siehst du, dass wir zwei Spalten bekommen. Nun, diese beiden Spalten werden nicht gleich groß sein. Und wenn Sie nicht wollen, dass sie gleich groß sind, dann haben Sie die Zehe auf das Gerät, auf das Sie zielen werden? Das ist also, dass Emily kleine Geräte verwendet hat, die so etwas wie Tablets enthalten. Dann müssen Sie angeben, wie hoch die Anzahl von Gruppen ist, die Sie von 12 wollen. Die ganze Welt wird uns also zu gut angesehen. Zum Beispiel, wenn Sie diese visuelle Studio-Kernseite sehen, aber ungefähr besetzt ist, können Sie drei unsere vier großen sagen. Also kann ich drei geben. Dann wäre der nächste Sn neun von 12 verbleibenden. Das wäre also neun. Und so wird es aussehen. Also, wenn Sie dies wie für geben, dann überschreitet dies 12. Also denke ich, es wird nicht richtig kommen, also musst du es als acht geben. Also, das ist in Ordnung drinnen. Wir werden einen PB Dash Sale anbieten, aber in diesem wirklich farbigen BB Versteck. Es ist also auch wichtig, dass Sie dies in einer Spalte angeben möchten, also werde ich diese Antwort geben. Unterstate dunkler Spaß darauf. Setzen Sie das nach diesem. Sie können sich ausruhen sind nicht verschieben F zwei frühere Jahre html cool. Speichern Sie es. Und wenn Sie es speichern und zurück zum Browser gehen, sollten wir sehen, Heather arbeitet CyberWorks auf Hausaufgaben. Es sind die Komponenten wurden auf diese Art und Weise ausgelegt. Also lassen Sie uns auf einige CSS Toe gehen, jeder von ihnen den Header Cyber und zu Hause. Und nur um dir zu zeigen, wie das aussehen würde, damit es hier einen Zusammenbruch hinzufügen wird. Also werde ich nicht in Alarmbereitschaft verbieten in vier wird ein hellblauer Hintergrund sein und es wird sagen, dass Sie jeder s o die 100 wäre wie eine Telefonbuchanwendung. Onda. Lassen Sie uns einen Absatz haben, um zu sagen, dass es polar fein wütend Lord sieben ist. Rette es und er sollte es nicht sehen. In einer Minute werden Sie sehen, dass es einen Header gibt und natürlich kann ich eine Sidebar und zu Hause mit verschiedenen Farben zur Verfügung stellen . Es geht um einen Cyber. Also haben wir die Sidebar HTML hier auf. Ich habe momentan keine Optionen. Wir sind so, dass ich kann, um wachsam zu bleiben. Andere Onda Lassen Sie uns nur warnen und das wird eine gelbliche Farbe, die aus ist. Ich habe drei geschlagen und wir werden Xavier mich dazu bringen. Und wahrscheinlich sagte das, also wird es überprüfen, wie es aussehen wird. So ist das, wie die Hauptminute aus, weil Sie sehen können, dass es eine Katze Onda. Äh, das wächst auch nicht, weil wir nicht viele Optionen auf Anywhere haben, wir werden es aufstehen. Diese Farbe wird die Farbe geändert, so dass es keinen großen Unterschied machen wird. Aber wenn Sie wirklich wollen, um dies eine volle Höhe zu sein. Dann können Sie es s Zeit hinzufügen, um dies manuell auf Sie erstellen können, zum Beispiel, bei benutzerdefinierter CSS-Klasse oder wie sie in voller Höhe sind. Offensichtlich gibt es das nicht, oder? So gibt es keine volle Höhe. Also kann ich nicht mein eigenes CSS Auto in den Theatern entsprechend dieser definieren So kann ich mit dunklen Menschen beginnen. Es ist in der CSS-Klasse auf. Ich werde deine Größe zur Verfügung stellen. Oder vielmehr, ich kann sagen, min Höhe 400 Pixel sind 600, was auch immer das Sinn macht. Also wissen wir, wie ihre Speisekarte in fast volles Licht gehen wird. Nun, das ist nicht wirklich wichtig. Also wollte ich Ihnen nur zeigen, wie man ein CSS in einer Komponente verwendet. Also haben wir das hier. Natürlich werden wir das einfach entfernen und einige Elemente hinzufügen, während wir vorwärts gehen. Eine letzte Sache, die ich Ihnen hier zeigen möchte, ist die Home-Komponente. Html. Die ganze Komponente soll nur erwähnen, dass dies eine eckige Anwendung ist von Ihrem Namen entwickelt wurde, zum Beispiel auf ein paar Details darüber. Wenn Sie zum Beispiel ein Bild haben , können Sie ein Bild kopieren und dann das Richtige platzieren. Aber wie machen wir das? Lass uns gehen und es versuchen. So machen die Benutzer wieder auf der Innenseite. Das tun wir, lassen wir uns eine Hecke. Wahrscheinlich drei oder zwei da drinnen, oder? Nun, Sie können sagen, auf und genial Angular sieben Anwendung, Ich sage hier, Absatz. Das ist also morgen eine B-Note. Und dann, natürlich wollte ich, dass er hier gemacht hat, damit ich sie mitnehmen kann. Ich bin g SRC gleich, wenn Sie sagen, SRC entspricht toe. Woher möchten Sie die Bilder bekommen? Telefon? Also kann ich damit beginnen, Slash einen Sex zu sagen, wenn Sie wissen, dachte die G Andi, Nehmen wir an, ich möchte einige CSS-Klassennamen tun. Klasse entspricht Zehe hohe Energie. Andi, das sollte mir ein Bild geben. Nein, aber ich habe dieses Bild nicht, also wird es nicht kommen. Es wird mir nur eine kaputte Bildoption hier geben. Jetzt wirken Zehe dieses Bild. Was ich also tue, ist, dass ich im Grunde auf meine SRC-Vermögenswerte zurückkommen muss. Wahrscheinlich. Das ist ein Bild als einen Unterordner hier. Also wollen wir einen Ordner namens Assets Schrägstrich Bilder wir haben bereits Assets, die Sie auf Bildern für die auf haben. Ich werde Fine von meinem lokalen Dateisystem in diesen Ordner kopieren. Also kopiere ich die Akte hier. Corvino Tart, J p. G. G. Also muss ich die Erweiterung von p und G toe jpg ändern und diese speichern. Und wenn ich zurückkomme, ist meine Anwendung eine Dringlichkeit, dass das Bild ist, dass natürlich, es natürlich, ah, ah, ein bisschen größeres Bild ist. Also, wenn Sie möchten, Stil direkt, es ist möglich, Zum Beispiel kann ich sagen Höhe aus. Wahrscheinlich. Ich kann 100 Pixel sagen und nicht mehr als das. Und du solltest sehen Nein, es wird ein kleineres Bild sein, was es besser macht. Ordnung, das ist also der erste Teil unserer Bewerbung. Dann stellte jeder verschiedene Komponenten zur Verfügung, die mit unserer Telefonbuchanwendung arbeiten. 16. Erstelle die the: Lassen Sie uns eine neue Komponente in unserer Anwendung Toe haben. Zeigen Sie die Details der Kontaktperson an. Andi. Um dies zu tun, gehen wir zurück zum Befehl, fordern und löschen Sie eine neue Komponente namens Kontaktdetails, die auch eine Modellklasse zu unserer Anwendung hinzufügen, so dass wir an einem freien Tag Kontakte oder einem ungewöhnlichen Kontakt arbeiten können und so weiter. Um das zu tun. Jemand sagt, n g Klasse generieren und dann würde ich keinen volleren Schrägstrich bekommen und dann Kontakt geben. Das ist der Name, den ich geben werde, damit es eine Klasse klären wird. Es gibt keine Aktualisierung erforderlich, nachdem Modeler ts onda wir wissen, gehen Sie zurück zu unserem Führer und es ist goto A Quelle e bei Ordner wird sehen, dass es eine neue Komponente Gott, Kontaktdaten auf abgesehen von den Komponenten. Jetzt haben Sie auch ein Modell, das eine Klasse Auto Kontakt Tortillas auf hat, was im Grunde eine einfache Klasse Auto Kontakt ist. Es gibt nichts täglich, dass wir Sachen aussteigen werden. Also was? Du bist zum Beispiel, wenn ich ein I d für diese bestimmte Person will, also kann ich sagen, ich d und dann kann ich sagen, dass dies Angebot Nummer 5 sein wird und auch wir sagen, gezwungen mich. Äh, du kannst String sagen. Nachname Sie können auch sagen, String Und dann können Sie geboren tun wenige Dinge wie, zum Beispiel, das Geschlecht eine Zeichenfolge. Und Sie können auch ein D für Wert aus zuweisen. Lass uns mich retten. Dann fügen wir ein Datenbuch hinzu, das eine zuverlässige Karte ist. Lassen Sie uns, dass eine Zeichenfolge Sie eine geben, obwohl dieser Alterstyp viel Sinn machen würde. Aber machen wir es s d wird sein Wir möchten dies für einige Transformation verwenden. Konvertieren Sie also einen Datenport in Alter, also entkommen Sie String dort, dann können Sie ein paar andere Dinge haben. Zum Beispiel möchte ich das Bild von dieser Person haben. Also, das wird ein Sie sind in einem Link zu einer Ihre Antwort sein. Lasst uns die andere Saite behalten. Dann wirst du eine Salatstadt haben, damit wir den Kontext für Stadt auf dem damaligen Land bedienen können . Jetzt einige aus. Diese sind wahrscheinlich optional. Zum Beispiel kann ich nicht wissen, das Datum der verschieben eine Person oder ich habe kein Bild, so kann ich das leer lassen. All dies sind wahrscheinlich optional eso. Wenn Sie möchten, dass eine Eigenschaft optional ist, dann müssen Sie zum Beispiel ein Fragezeichen Attar, Ende der Variablensetzen , Ende der Variablen . Ich kann sagen, er wird Fragezeichen sein und dann sagen, sie werden optional. Also lassen Sie uns auch dieses Bild optional halten. Stadt optional Zustand auf Land Option Jetzt, da wir es mit den Kontaktdaten der Person zu tun haben, das hat auch zwei weitere Diebe hinzugefügt. Wahrscheinlich danach kann ich sagen, E-Mail a streng auf eine vier, was auch eine Stärke ist. Und das sind die Option Lebensmittel. Lasst uns das behalten. Also lassen Sie uns für meine dies gehen, indem Sie Arm Shift f drücken, um den Kampf zu retten. Das werden also unsere Modelldaten sein. Das bedeutet jeden Kontakt, mit dem wir zusammenarbeiten werden. Wir werden diese speziellen Informationen jetzt haben, da wir das moderne geschaffen haben. Das wird die Komponente zu erstellen, die eine Kontaktperson Studenten anzeigen kann. Gehen wir also zu den Kontaktdaten. Tears Akte auf Dhere. Wir wollen Zehe eine Variable erstellen, die Kontakt sagt. Es ist eine sehr Schuld aus Tag genannt Kontakt und Sie können sehen, dass wir den Auto-Import bekommen. Wenn Sie nicht bekommen, müssen Sie möglicherweise das gleiche manuell importieren. Also wähle ich diesen automatischen Import oder es wird auf absoluten Teil nehmen, richtig? So können wir auch sagen, dass es von einem verwandten Teil kommen muss, weil wir bereits im APP-Ordner sind, so können wir auch hier sagen, Tochter Schrägstrich Dann können Sie einen anderen Arzt Schrägstrich angeben und dann können Sie sagen modern auf. Natürlich, Wollte es schon getan. Also lassen Sie uns dies als Punkt, Punkt, Schrägstrich Modell Schrägstrich Kloster geben. Dies ist also eine Datei, die unsere Verhaltensklasse auf enthält. Wir sind wichtig, dass es jetzt nicht so ist, dass wir dies wichtig haben, damit wir dies initialisieren können. Technisch gesehen soll dies von einem Remote-Webdienstendpunkt kommen , den wir später tun werden. Aber im Moment bin ich auf Initialisierung, die zitiert Wert sind, und die Frage ist, sollte ich es hier tun? Sind sollten es jetzt hier drüben tun, als allgemeine Regel der Zeit. Also behalten wir diesen Konstruktor nur für die Abhängigkeitsinjektion, aber als dieser für alle Initialisierung. Also, zu diesem Zweck, lasst uns gehen und einen Verzerrungskontakt erzeugen gleich Zehe. Ich kann sagen, neuen Vertrag auf. Dafür müssen Sie einige Werte angeben. Ich kann hier sagen, dass dieser Startkontakt nicht eingeschaltet ist. Natürlich fühlt sich das Minimum an, dass wir es haben. Also lassen Sie uns ID gleich eins auf diesem dunklen Kontakt geben. Vorname, richtig? Das ist also dein Vorname. Ich gebe meinen Namen. Also werde ich nicht das geben oder Kontakt. Unser Nachname entspricht den Pflichtfeldern. Ich werde dieser dunkle Kontakt sein, schrieb E-Mail. Wir wissen, dass wir keinen Geburtsanruf auf einen letzten Vertrag haben. Kunstland ist gleich zu engagieren, aber ich vergaß es. Starten Sie Kontakt oder Sie werden gleich sein. Also lassen Sie es uns in einem Jahr geben. So formatieren. Das wird also so sein. Jetzt, wo wir diesen Wert initialisiert haben, wie ich sagte, wird das von hinten und Saris kommen, also machen wir das später. Wir haben diese Daten. Jetzt müssen wir dies im HTML anzeigen. Gehen wir also zum HTML-Teil davon, der momentan einfach sagt, dass Kontaktdaten funktionieren. Was wir möchten, um sie in einem schönen Format anzuzeigen. Vielleicht Etiketten gefolgt von Details davon. Also werde ich das benutzen. Nicht rollen. Bestehend aus Deal Dot Call in zwei oder Rho. Ich brauchte zwei Spalten auf, aber das natürlich wird natürlicheins sein. Aber das ist zum Beispiel für Vorname, Nachname . Aber ich werde das nicht so viele von ihnen mögen. Also brauche ich eine ungefähr 11 von ihnen. Wenn ich keine Idee zeigen will, um einen Arzt zu essen. Lass es uns um acht behalten, damit ich zurückgehen und deine multiplizierte Hilfe retten kann. Also werde ich jetzt acht von denen mit jeweils zwei Spalten geben. Also, wenn ich kontrolliertes Leerzeichen am Ende drücken und eingegeben und Sie sehen können, haben wir komplett alle Details, so erinnert sich ihren Vornamen. Richtig? Das ist also der erste Mittelwert, der hier verloren gehen wird. Mich? Geben wir Ihr, äh, Datum der Bücher. Es muss keine Reihenfolge sein, in der ich deine E-Mail nehme. Ich habe nur das wird lustig Nummer auf, und wir haben eine Stadtbühne, also haben wir auch ein Geschlecht, aber wir werden in ein paar Minuten darauf zurückkommen. Also, jetzt , natürlich, um die Werte zu füllen, kann ich die Interpolation verwenden, also kann ich einen Kontakt über Vornamen sagen. Nun, Kontakt hier ist die Variable, die wir hier erstellt haben. Also die Variablen waren außerhalb der Komponente sind für unsere Ansicht zugänglich. Das ist also die Ansicht, und wir können auf sie zugreifen und sie auf diese Art und Weise bringen. Also werde ich das kopieren, indem ich es einfüge. Das wird der Nachname sein. Der Sprint. Hier werden sie eine letzte sein. Das ist das Land hier. Also haben wir das gerettet. Aber wenn Sie zu Ihrer Anwendung zurückkehren, wird das nicht angezeigt, da dies derzeit eine Telefonkomponente ist. Also müssen wir das ändern. Und das geschieht in App-Komponenten-HTML. Derzeit verwenden wir PB zu Hause, wo, da ich kein sicheres Fernsehen habe, die Asche Kontakt Strich Ziffern. Das ist die neue Komponente, die erstellt wurde. Also, wenn ich zu Ihrem jetzt zurückgehe, können Sie sehen, dass vor dem Vornamen Nachnamen das wieder attraktiv ist. Wieder. Sehen Sie, dass es die 50% Rabatt auf die Regel besetzt. Und wenn Sie das nicht wollen, können Sie das teilen, indem Sie eine entsprechende Größe angeben. Und wie machen wir das? Wir können zu den Kontaktdaten H Dämon auf für jede dieser Spalten gehen, die wir hier drüben haben . Wir müssen einen Sizer definieren. Es liegt an Ihnen zu definieren, welche Größe Sie wollen. nun sicher, dass Studio Court einen Tag frei Auswahl eines Patents nimmt, zum Beispiel kann ich so wählen. Ich kann am besten Kommandant B oder gesteuert werden unter Windows. Sie können dies sehen, wenn Sie das nächste Vorkommen wählen, wenn sie vorwärts gehen. Und für jeden von ihnen kann ich nicht zurückkommen. Ich kann sagen, Call STM Dash, das ist eine Vier. Und dann kann ich wieder runter kommen und sie können sich in jeder dieser Spalten entscheiden, um S sie acht genannt zu werden , und ich habe diese gespeichert. Wenn ich hier rüber gehe, siehst du,dass es vier besetzen wird. Wenn ich hier rüber gehe, siehst du, Und dann ist das eine Kampagne Acht. Natürlich ist es eine gute Idee, wenn ich deine Kontaktdaten tippe, damit das auf eins geht und es kein Kopf ist. Oh, also würde ich Geschichte sagen, denke ich, Kontakt. Graben. Es ist wahrscheinlich ein HR horizontal richtig machen? So wird es jetzt aussehen. Nun, während das alles gut ist, möchten wir dies als Namen der Person zeigen, wie wir wissen, kommen auch Herr unser Chaos je nach Geschlecht sind . Also das geht Versuchen Sie das, indem Sie dies tun, indem Sie diese beiden Zeilen zu einer kombinieren. Also bleib einfach reiner Name weg von der Person auf. Dann wird das Kontakt sein. Aber Vorname. Ich brauche nichts von diesem Zeug jetzt auf dann einen Raum, weitere Interpellation. Also, das ist, was wir jetzt hier tun können, damit Sie sehen können, dass wird sagen, Name ist, dass wir Koma kennen . Aber was, wenn ich Mr. unser Chaos zeigen will? Das kann ich machen. Also lassen Sie mich hier etwas Platz machen und dann werde ich eine Interpolation benutzen und hier sagen dass Vertrags- oder Geschlechtermenschen die Zehe gleich sind. Lassen Sie uns eine männliche Vorsicht, Maher sagte, Herr ist der Wert, sonst wird es vermisst, desto besser. Jetzt haben wir eine Logik zu unserer Ansicht hinzugefügt, die technisch falsch ist. Aber es macht den Job, den Sie sehen können. Jetzt haben wir Herr, wir kommen nicht auf den Namen der Person. Also sagen wir, zum Beispiel, ich gehe zurück zum DS entsprechend dem auf. Lassen Sie uns dieses Werkzeug für Beispiele ändern, Jane Doe. Natürlich sollte das sein. Tut das Beispiel? Komm schon, lasst uns bei einem Senator zu einer Frau wechseln. Speichern Sie das. Und wenn ich hierher zurückkomme, können Sie Miss Gender sehen und es funktioniert. Aber die Kombination einer Geschäftslogik im Blick ist keine gute Idee. Das ist also eine Logik. Egal, selbst wenn es eine sehr kleine Logik ist, es ist immer noch eine Logik darauf, was wir tun möchten, ist, dies in etwas umzuwandeln, das wiederverwendbar ist . Also werden wir das in einer Minute sehen, als was ist das? Ähnlich habe ich hier einen freien Tag, aber richtig, also aber was, wenn ich das Alter der Person anzeigen möchte, wo ich nicht das Alter der Person habe ? Aber ich habe die Leute sein und ich sollte in der Lage sein, zu berechnen, dass jeder der Person, so all diese Dinge getan werden können, indem man, was eine Narbe Rohre auf. Wir werden das im nächsten Video sehen 17. Einführung in die Rohre und Erstellen eines benutzerdefinierten Rohres: in eckig. Also haben wir etwas namens Pipe, das einen Wert im Schlepptau transformieren kann. Ein weiterer Wert. Zum Beispiel, Wenn Sie dies in einen Großbuchstaben konvertieren möchten, dann haben wir eine Bauleitung namens Großbuchstaben, also kann ich hier zu meinem HTML gehen. Onda. Wir haben die Stadt, damit ich buchstäblich ein Pfeifensymbol verwenden kann. Und dann kann ich Ihren Großbuchstaben sagen, und Sie werden sehen, dass das Ergebnis von dieser Stadt in Großbuchstaben sein würde, richtig? Es ist so einfach. Also müssen Sie nur in diesem Wert Onda füttern. Dann wird die Transformation durch diese Großbuchstaben Pipe hinter der Szene durchgeführt. Dies ist ein pro Fall ein Alias für ein Typoskript, Pflanzen, die eine Funktion und diese Funktion namens transformieren hat. Es ist diese spezielle Eingabe als Argument und gibt dann als Substitutionswert für diesen gesamten Ausdruck zurück. Und genau das wird es passieren. So hat Angler nur wenige Baurohre. Zum Beispiel, wenn ich zu winkeligen Io und dann gehe zu Hunden und du hast diesen Flieger Französisch auf, kannst du für sagen, ich suche nur für Rohre, und das sind einige der häufig verwendeten Rohre, und ich kann sehen, dass es eine Großbuchstabe Pipe gibt. Das ist die eigentliche Typoskript-Klasse. Nehmen wir an, wir können das gleiche Konzept verwenden. Onda konvertieren Sie dies, geben Sie Kontaktobjekt in eine fulling. So zum Beispiel wäre es zum Beispielviel einfacher für uns, diesen ganzen Ausdruck zu schreiben. Also lassen Sie mich es in ihrem Ausdruck runterholen und dann hier etwas wie Kontakt eingeben. Lasst uns das im Schlepptau spüren. Ein Pfeifenauto, das ein voller Name ist. Also, wenn ich das jetzt speichere, gibt es mir bereits ein anderes hier, weil Typoskript erkennen kann, dass dies kein eckiges Gebäude ist wie gut, wie Sie dieses Mal keine Pfeife haben. Also, wenn Sie zurück zum Browser gehen, werden Sie sehen, dass es keine oder setzen. Aber wenn ich zur Ansicht gehe, dann definierbare JavaScript-Konsole, sollten Sie einen Editor sehen. Lassen Sie uns das unter rechts sprechen und Sie können sehen, dass es einen Fehler gibt. Die Pfeife vollständigen Namen konnte nicht auf seiner geben eine andere rechts hier gefunden werden, so dass der Kontakt Biss vollen Namen, und das ist, wo wir unsere eigenen Rechte erstellen können? Also lassen Sie uns das tun, indem wir die Client-Aufforderung genau wie, wie wir Komponenten dieses Mal eine militärische n G erzeugt Kampf Seifen für Rohr hier. Und dann können Sie fünf angeben. Das wird mein Ordnername sein. Und wie heißt der Biss, den Sie wollen? Also werde ich diesen Hintern für mich anrufen. Es wird ein paar Dateien löschen Nummer eins wäre eine Pipe selbst. Eine Sekunde wäre ein Fleck. Also möchte ich zu diesem Zeitpunkt keine Testfälle erstellen. Lassen Sie uns also versuchen, Brillen zu Formen onder. Wenn ein Drücken Sie die Eingabetaste, wird es eine einzelne Datei erstellen, die auch die Moduldatei aktualisiert. Das liegt daran, wie Sie eine Komponente haben, die Teil eines Moduls sein soll, auch Rohre sollen Teil von MRT sein. Jetzt, da wir das getan haben, gehen wir zurück und überprüfen. Gibt es eine Änderung? Sie können sehen, dass es keinen Editor gibt, aber wir haben keine Ausgabe. Auch hier auf dem Grund dafür ist sehr einfach. Also schauen wir es uns an. Lassen Sie mich auf die Geldstrafen auf de minimis goto SRC ab schließen, und Sie sehen, dass es trotz und voller Name dunkle Art Tortillas ist ein neuer Freund, der generiert wurde und das ist eine Klasse mit einer Funktion als Transformation genannt. Es erhält Wert als einige Argumente und gibt zu diesem Zeitpunkt nichts zurück weil es nichts zurückgibt. Es ist tatsächlich auf leerer Zeichenfolge, die wir bekommen. Sie können auch sehen, dass die Klasse mit Pipe auf verziert ist, die einen Namen hat und der Name vollständig ist Dies ist der Name, den wir in der Eingabeaufforderung Andi definiert. Es kommt mit einer Klasse namens Vollname Pipe Implementieren Typ Transformation. Nun, das ist die Funktion, die wir gerne verwenden möchten, damit das vielleicht irgendwo benutzt wurde, wie wir gesagt haben , dass in biblischen Aufzeichnungen damit Kontaktleben, voll mich Also was bedeutet, dass ich erwarte, dass die linke es von dieser Pfeife abschaltet ein Objekt sein. Also, was wir hier bekommen, ist dieses Objekt hier. Also kann ich es buchstäblich sagen, du bist, dass das ein Argument vom Typ abnimmt. Nennen wir es uns Kontakt aus Art des Kontakts. Das bedeutet, dass Sie ein Objekt selbst bereitstellen müssen, wenn es etwas anderes liefert, das während der Verwendung ein Fehler sein wird , und es wird eine Zeichenfolge zurückgeben. Also zwischen dem Ricin Typ aus dieser Kleiderschnur auf, Natürlich müssen wir etwas zurückgeben. Jetzt können wir, ähm, Bedingungen hier bewerten ähm, und sagen, dass, wenn nichts geliefert wird, eine leere Zeichenfolge zurückgibt. Also kann ich hier sagen, wenn nicht Kontakt auf, dann kann ich sagen, Ihre Rückkehr. Ich kann eine leere Zeichenfolge liefern. Denn wenn Kontakt ein tatsächliches Objekt ist, wird es von dieser Art sein, dass Menschen und Kinder. Es ist ein Objekt der Klassenkontakt. Und jetzt kann ich hier sehen, wie Kontakttür mich gezwungen hat. Plus ein Leerzeichen ein Leerzeichen plus Kontakt oder Nachname Gut. Ein näher, man sieht, dass ich hier den Vor- und Nachnamen bekomme. Aber was, wenn ich auch die Engeren wie Herr und Frau und so weiter einbeziehen möchte? Also lassen Sie uns definieren verfügbare Karte Titel gleich Zehe Kontakt unser Geschlecht zwei Teilchen zu Männern und dann sage ich Modemarke. Dann nenne ich es Mr Sonst, es wird vermisst werden. Jetzt können wir das mit Schulden des Titels plus kombinieren. Also, wenn ich es speichern und zurück zum Browser, sollte es nicht sehen, dass es Mr. We wissen. Komm schon, 18. Erstellen eines benutzerdefinierten Pipes zur Anzeige des Alters von Geburtsdatum: Lasst uns diesmal noch eine Pfeife holen. Unterbrechen Sie die Anzeige eines Datenports. Lassen Sie uns also das Alter der Person anzeigen. Jetzt kann das Alter der Person in Begriffen sein. Aus. Jahre sind Jahre und Monate oder Jahre und Monate und Tage. das zu tun, fügen wir eine neue Pipe hinzu. Gehen wir zurück zu dem gleichen Befehl ändert das Alter. Alles klar, heute ist es klar. Alter Dark Pipe Tortillas aktualisiert auch die Moduldatei. Gehen wir zurück in unsere hintere Schule. Es geht hier runter. Ich werde in das Zeitalter gehen, das er verpeitscht wird. Nehmen wir an, dass die Verwendung abgenommen wird. Das ist zufällig so etwas. Sie werden Verhaltensweisen liefern, Doktor. Sie werden frei sein, um diese Zeichenfolge. Andi, das wird in dem Alter versorgt werden, so angenommen, dass es so alt ist. Dies sollte etwas wie,sagen wir, 45 Jahre später zeigen sagen wir, . Und dann, wenn ich so etwas mit Alter kühler auf de Also spezifiziere, wenn dieser eins ist , sollte es dasselbe anzeigen. Nehmen wir an, das ist die Strandpromenade Andi. Für den Fall, wenn ich die Möglichkeit habe, dann lassen Sie uns im Alter von 45 Jahren am Tag, vier Monate und wenn ich ein anderes habe, das ist ein zum Beispiel. Drei. Es soll 45 Jahre dauern, vier Monate auf den siebziger Jahren, ein RV Trevelyan, der das so macht. Nein, wir können sehen, dass ich in diesem speziellen Fall keine zusätzlichen Informationen habe. Ich habe eine zusätzliche Information, die wie eine hier ist. Es ist zu einer geerbten Straße. Jetzt. Die Art und Weise, wie dies funktioniert, ist, dass die linke Zeit sagte aus dem Rohr Verwendung Alter, das hier ist, wird beim ersten Argument betrachtet werden . Und danach können Sie Doppelpunkt und alle zusätzlichen Perimeter sagen, wenn nur mehrere Parameter liefern , als Sie Doppelpunkt ex Schule und weiß voll sagen können und sagte und so weiter. Dies wird also das erste Argument sein Das wird das zweite Argument ist das dritte Argument, vierte und Fear Tour. Also in unserem Fall wollen wir nur eine einzige Flagge hier. Also, wenn die Flagge vorhanden ist, ist es entweder 12 oder drei, wenn es eins auf irgendetwas anderes als auf einem Baum ist, also wird es dieser sein. Das wollen wir also hier jetzt definieren. Also offensichtlich, jetzt ist der Wert hier natürlich der Name der Variablen Aiken definiert es als alles andere. Ich kann es sogar so nennen, wie du es sein wirst. Und ich bin sicher, dass es eine Schnur sein muss. Weil wir wissen, was wir liefern. Das wird also eine String-Onda sein, gefolgt von Sagen wir, zum Beispiel, ich nenne es uns flach ein optionales. Aber wenn das geliefert wird, muss es eine Nummer wie diese sein, richtig? Aber es ist optional. Warum ist diese Option? Weil ich das nicht liefern muss. Also hier, Finanzen bewerben. Ich werde 45 Jahre kriegen. Jetzt ist das erledigt. Weißt du, wenn ich Briten in einem anderen Recht bin, also wenn du das benutzen willst, dann wird es dir keine Werte zeigen. Natürlich bin ich es sowieso nicht benutzt, aber es ist ein freier Tag, aber das wird gefolgt von Ich möchte geben, was das tatsächliche Alter der Person ist. Also, das geht um diese Stunde, es ist tm it. Also gehe ich zu den Komponenten Kontaktdetails Komponente html auf. Dann hier ist, wo ich das d angezeigt habe, wird jetzt zusammen mit dem Willen sein. Wenn ich angeben möchte, wie viele Jahre irgendwo Sie, dass br für Pause auf, dann werde ich verwenden und Pfeifen-Symbol und ich sage ja, Kontakt böse sein Lebensalter. Also jetzt gibt es kein Besseres. Aber das produziert keine peinlichen Vermögenswerte. Wie Sie sehen können, gibt es hier keine Ausgabe. Wahrscheinlich werde ich das in einem runden Trümmern nicht zur Verfügung stellen. Das ist in Ordnung. Es wird hier einen sinnvollen Wert hinzufügen. Nun, wie kann ich den Schlüssel berechnen, wird ich verzerrt, von der aktuellen bis dato subtrahiert. Es ist eine einfache Logik, aber wir werden sehen, wie das gemacht wird. Ich werde sagen, wenn nicht, wenn nicht, wird er nur auf eine leere Schnur gepflückt werden. Also zeigen wir nicht wirklich irgendetwas Erwachsenes an. Wenn der Deal sein wird, ist verfügbar, wir wissen, wird ein Objekt erscheinen. Lassen Sie uns einen linken DT erstellen, der gleich zwei neue Datum aus der Entwicklung ist. Also haben wir ein Objekt erstellt. Jetzt muss ich es sagen, Was ist die Anzahl der Tage sind Jahre zwischen ihnen. Also werde ich sagen, Sie sind lassen, wenn gleich jetzt abzüglich DT Wonder Get time Jetzt bekommen Zeit Gibt die Zeit in Millisekunden, die sie nicht wissen, dass dies eine aktuelle Millisekunden ist. Also bekommen wir einen großen Unterschied. Und jetzt kann ich ein Grabenobjekt erstellen. Das ist Qualität, die es zwei gleich ist, dass Toe das aus wusste. Neu, jetzt ist das einzige Problem hier, dass es um 19 siebziger Jahre Offizier wird. Ich muss subtrahieren. Lassen Sie uns das versuchen. Das ist Typjahr entspricht toe 80, um das ganze Jahr minus 1970 zu erhalten. Nicht verärgert lassen Monat, weil Zehe dd zwei dunkel bekommen Monat auf. Dann, natürlich, diese Tage gleich Zehe. Schlagen Sie es, um nicht Datum zu bekommen, und das wird die große aus dem Monat geben. Jetzt. Ich muss einen Wert basierend auf diesem Flag zurückgeben, damit ich Ihren Switch-Fall verwenden kann. Es ist auch klar, dass Stream, der ein Let out ist, zitiert es oder ich kann sagen, Alter entspricht einer leeren Zeichenfolge. Für den Moment ist es ein Schalter Flag an. Jetzt kann ich hier sagen, dass, wenn die Flagge für uns ist, die Flagge eine ist, wenn die Flagge Standard ist, dass, wenn es etwas anderes gibt, also für diese beiden, werden wir dasselbe bekommen. Aber wie zum Beispiel, zum Beispiel, kann ich hier sagen, alle Fuß gleich Fuß Fuß Fuß Fuß. Ich kann das zurücknehmen. Es ist für die verpfändete Sache, die ich hier Variablen haben kann. Nun, hier werde ich sagen, der Besitzer hier. Ja. Das sind also 45 Jahre an der damaligen Zeit. Natürlich muss ich nicht sagen, „Pause“. In der Tat wird das hier im Standardbereich sein, denn wenn es 100 Leute sind, wird es Schreibtisch sein. Aber wenn es ein Fall ist, zum Beispiel, würde ich sagen, dass es bereits zitiert die Jahre auf einem Dollar pro Monat. Waas auf, Natürlich, sehr Eltern. Ich sollte sagen, brechen Sie hier, weil, wenn Kinder eins zu sein, nur dieser Wert. Ebenso werde ich sagen, Fall drei oder setzen gleich Zehe. Wir können sagen, Ihre Dollarjahre, Jahre. Setzen wir einen Dollar pro Monat, Monate, Dollar. Das ist das, also haben wir jetzt entsprechend gegeben. Also, das wird es speichern und sehen. natürlich, Eine Sache istnatürlich,dass ich nie zurückgekehrt bin. Diese Werte, die ich sagen muss, würden das speichern. Gehen wir zurück zu der Rosa auf Sie sehen, dass es 44 Jahre jetzt ist. Gehen wir zurück zu unserem HTML auf einer Flagge hier. Also, wenn ich sage, rief in jetzt, wenn ich bleibe mit gehen zurück zum Browser, es sollte sagen 44 Jahre und 11 Monate. Und wenn ich Ihre Flagge ist drei Wilde gehen Sie zurück auf Es sagt, Sie sind ich glaube, ich habe eine Pause Aussage hier verpasst . Also, das geht aus der Pause. Wilde. Geh jetzt wieder los. Wir sollten sehen, dass es 44 Jahre, 11 Monate und sechs Tage sagt , wenn ich hier im alten Hafen gebe. Also, wenn ich etwas anderes als drei so fein sage, sobald der Syrer, geht man zurück und sieht, dass es standardmäßig auf eins ist und es ist implizit 44 Jahre, und so wäre es möglich, eine Pipes zu schaffen, die Ansichten von einem Stück Logik sind. 19. Zuordnung - Erstelle benutzerdefinierte Pipes zum padding eines Zeichenstrings mit einigen Schriftze: Also hier ist, dass ich meinte, ich habe lokale Schlauch für zwei geöffnet, doppelte Null und die Seite sieht so ähnlich aus. Und das ist, weil die HTML hier. So heißt es, dass die Anhängerkupplung unter dem Alter von nichts anderem. Ich habe zwei Rohre hier l Pad dunkle Pfeife Tortillas erstellt und sind schlecht über 5 30 Jahre. Also, wirklich, verwenden Sie das in unserem HTML. Hier. Ich werde einen Absatz nehmen und dann nehme ich einen Namen wie wir nicht Andi als ein anderes Gleiches . Sie werden sehen, dass es hier eine linke Seite Partridge Zeichenfolge gibt und standardmäßig fünf als Tricks zugeteilt hat. Es ist ein weiteres Beispiel in der Entführungskomponente. 30 Jahre haben eine variable Multi definiert, die ein cento gewesen ist. Die Textur, die wir kennen, damit ich hier runterkommen kann und das Gleiche benutzen kann. Ich kann es mir von jedem sagen, und dann kann ich 25 angeben. Das bedeutet, dass sie total abgeschrieben sind. Die ganze Put-Saite wird 25 sein, von denen, was auch immer der Name einnimmt , Statistiken auf der rechten Seite sein könnten, aber der linke Schwanz wird mit einem Zeichen meiner Wahl zerschlagen, zum Beispiel, wenn Sie einen Dollar hier setzen, also ist das der zweite Umfang für die Hilfe. Also was bedeutet, nach Abschied Dollar insgesamt, es wäre 25 Zeichen oder durchschnittliche Namen, die derzeit wissen wir, dass Preis Kampf Zeichen auf der rechten Seite. Das linke untergeordnete Element wird mit dem Dollar-Symbol für die verbleibende Anzahl signierter Zeichen verbunden. Speichern Sie das hier. Sie sollten $20 Symbole sehen, gefolgt von der Welt. Weißt du, Nike Ways. Sie können auch unser Feuer benutzen. Einige unklar und andere Beispiele sagen nicht, dass Name 25 wahrscheinlich ein Hash beim Schließen der Klammern ist. Speichern Sie es, und ich sollte sehen, dass die Kämpfe auf der rechten Seite stattfinden. Diesmal können wir auch beides kombinieren. Alle Elternteile sind wieder zusammen. Bleiben Sie hier ist ein weiteres Beispiel. Lassen Sie uns den Namen geben, den ich auf der linken Seite für 10 Zeichen mit als Tricks gemacht habe. Und wenn du nichts erwähnst, wird es standardmäßig für einen Tag streng sein. Ich Doppelpunkt 15 speichern, und ich sollte die Summe sehen, wo es wäre 15 auf den Namen, den wir genau wissen, liegt dazwischen . Das ist also die Aufgabe, die ich denke, Sie würden etwa 30 Minuten dafür auf dem besten 20. Erstellen des ContactsService: der Führer für diese spezielle Seite hier ist hardcore Hat in der Komponente selbst verletzt am Datum, was dies von einem Remote-Server geholt werden sollte, sind von einer Art von Web-Service . Dies kann direkt hier selbst gemacht werden. Es ist also keine gute Übung. Es wäre gut, eine wiederverwendbare Klassenkarte als Serviceklasse auf zu erstellen, dann setzen Sie alle Ihre Geschäftslogik unsere Datenzugriffslogik in den Servicewerken und verwenden Sie sie an mehreren Stellen sind mehrere Komponenten. Nun, um dies zu tun, müssen wir eine Service-Klasse erstellen. Gehen wir zurück zur Eingabeaufforderung auf. Lassen Sie mich das klären. Und dann werde ich N g benutzen und dann kann ich s für den Dienst sagen. Oder Sie können in degenerierten Umfragen sagen. Und dann gebe ich Ihrem Ordner, wo ich meine Dienste erstellen möchte. Ich kann Service unsere Dienstleistungen geben und dann werde ich geben, was im Namen des Dienstes ich es als Telefonbuch nennen kann . Jetzt wird es das Telefonbuch Umfragen Punkt ts und es wird mir auch Testfälle geben , die ich nicht auf Brille zu Furzen will. Es wird eine einzige Typoskript-Pflanzen gelöscht, keine Aktualisierung Zehe der at Model ts. Jetzt gehen wir zurück und öffnen das Gleiche. Also gehen wir hierher. Sehen Sie sich den Schrägstrich Service Slash Telefonbücher in seinen 30 s an, die einen klassischen Telefonbuch-Service erstellt hat. Sehen Sie sich den Schrägstrich Service Slash Telefonbücher in seinen 30 s an, die einen klassischen Telefonbuch-Service erstellt hat Aber vorerst wollen wir hier eine Funktion haben, die Ihnen Kontaktdaten geben kann, die ich Ihnen hier geben werde. Holen Sie sich Kontaktdetails sind so etwas, was einen i d. Off Zahlentyp nimmt . Es sollte also eine Idee annehmen. Und nach der Idee zu postulieren unterbewertet. Also, was soll es zurückkehren? Es soll ein einzelnes Kontaktobjekt zurückgeben. Natürlich. Ihr Import, der dann hier ist, wo Sie das Objekt erstellen und dasselbe zurückgegeben haben. Nun, ich wirklich, das soll eine Bitte Zehe stellen. HTTP-Webgehälter. Was? werden wir ein bisschen später machen. Also ziehe ich dieses Gericht von hier an aus. Dann stellen Sie das jetzt in diesen speziellen Dienst. Also in der Liebe, kontaktieren Sie unsere i d gleich toe ein Ich möchte sagen, dass ich brauche, die vom Benutzer erlitten wird. Jetzt heißt es hier, dass verzerren kontaktiert Sekretärinnen in anderen, weil wir kein Mitglied zur Verfügung haben . Rufen Sie hier Kontakt an. Also, was ich tue, dass dieses Kind auf diesen Dingen jemanden, der auf Mac kommandiert die auf Windows steuert und alle von ihnen auswählt. Und dann glauben Sie, dass, natürlich, eine letzte Sache ist, dass ich eine lokale Variable namens Contact finden werde. Also lassen Sie Kontakt. Es geht zu einem neuen Vertragsobjekt, und dann sende ich all diese Werte. Am ersten Tag steigen sie all diese Werte auf. muss ich vielleicht zurückgeben. Also lassen Sie uns auch einen Rückkontakt machen. Also jetzt haben wir eine Funktion, die ein Objekt vom Kontakttyp mit all diesen Werten geschrieben wird . Jetzt, hier, müssen wir das erhalten. Die Frage ist, wie bekomme ich diese Funktion hier? Eine Möglichkeit, wie Sie tun können, ist, dass Sie immer ein Objekt aus dieser Clans Telefonbuchserie erstellen können, zum Beispiel. Man kann sagen, linker Dienst Leute Zeh, neues Telefonbuch, sowjetisch so. Und dann können Sie hier sehen, sie beginnen Kontakt gleich Abschleppdienst. Fangen Sie an, holen Sie sich Kontaktdaten, richtig. Und natürlich muss ich eine Idee liefern. Lassen Sie uns Ideen anwenden Eins. Wenn du zu einem Bruder zurückkehrst,solltest du die Ausgabe ohne Probleme sehen. Wenn du zu einem Bruder zurückkehrst, Also kriegen wir das Hollywood. Dies ist nicht die Art, wie Sie tun sollten, vor allem, weil die Telefonbuch-Service-Klasse selbst einige Abhängigkeiten von einem anderen, buchstäblich oder einem anderen Service-Thema haben kann . Zum Beispiel, wenn wir eine Anfrage an und es ist TDP Webster Grund Punkt, wir würden etwas namens Hits TTP Client verwenden, die von eckig ist. Also jetzt wissen wir nicht, wie man ein Objekt daraus erstellt. Also wollen wir auch eckig, um mir dieses Objekt zu geben. Offensichtlich hat dies viele Nachteile. In diesem speziellen Fall funktionierte es. Das habe ich gezeigt. Aber es ist nicht der richtige Weg, um den richtigen Weg zu tun, das wäre Zehe Fragen Sie eckig, ein Objekt aus diesem Telefonbuchdienst zu erstellen und mir das zu injizieren, so dass, wenn Sie tun Sie definieren auf. Ihre Abhängigkeit ist im Konstruktor. Jetzt sollten Sie wissen, dass wir nie ein Objekt aus dieser Kontaktdetailkomponente erstellt haben. Es ist eckig, was ein Objekt aus dieser Klasse erstellt. Nun, offensichtlich eckig, soll diesen bestimmten Konstruktor aufrufen, wenn. Wenn wir hier eine Variable definieren, nennen wir es einen Dienst Onda. Wir haben ihren Datentyp definiert, der als Telefonbuch Saris genannt wird. Jetzt weiß eckig, dass es ein Objekt aus diesem Telefonbuchdienst erstellen muss. Nun, zu dieser Zeit, wo eckig tut dieser Winkel wird in den positiven Weg zu schauen. Haben wir bereits ein Objekt außerhalb der Telefonbuchumfragen? Wenn die Antwort ja ist, wird es das hier injizieren. Aber wenn das Objekt noch nicht erstellt wurde, wird es ein Objekt erstellen und das dann hier an mich übergeben, richtig, also heißt das als Singleton. Das bedeutet, dass Sie zu jedem Zeitpunkt eine einzelne Instanz aus Telefonbüchern oder Risikoklasse haben, wenn eckig diese Klasse erstellt hat . Also, wenn hier irgendwelche Abhängigkeiten erwähnt werden, würde angular auch injizieren. Diese Abhängigkeit liegt daran, dass es jetzt Winkelverantwortung ist, das Objekt zu erstellen. Jetzt, da wir dieses Objekt überhört erhalten haben, wird diese Variable lokal für dieses spezielle geschweifte Klammerpaar, was bedeutet, dass ich hier eine Membervariable erstellen muss. Dann muss ich diese lokale Variable der Membervariable zuweisen und so weiter. Aber Typoskript hat hier eine fantastische Funktion. Ich kann dieses Konstruktorargument als hoch erklären, dass unsere Öffentlichkeit geschützt ist und sie dies automatisch als Mitglied machen. Jetzt variabel, richtig? Also offensichtlich in unseren Steuern, dass ich hier drüben jetzt sagen muss, dass das beginnt, dass wir anfangen einem kontaktiert zu werden. Und wenn Sie zurück zum Browser gehen und Sie sehen können, dass die Ausgabe auch hier kommt, fügen wir hier auch noch ein kleines Detail hinzu. Also lassen Sie uns ein Kontaktbild hinzufügen gleich zwei. Ich füge ein „Du bist heute“ hinzu. Dies ist ein externer Link, also werde ich diesen speichern. Wir sind an dieses Bild nirgendwo gewöhnt. Also gehen wir auf die Kontaktdetails Komponente html Wahrscheinlich direkt unter dem HR. Also ist es Insel. Ich bin G auf. Jetzt müssen wir SRC gleich zwei nehmen. Jetzt ist die Frage, wie meine ich mit dem Bild jetzt, sehr einfach. Ich kann immer Ihren Kontakt unser Bild so verwenden, was ein Ausdruck ist, dass Ausdruck aufgelöst wird. Der Wert des Bildes wird der Aufstieg zum SRC sein. Lassen Sie mich auch ein bisschen aus Styling hinzufügen, so dass das nicht eine Belastung gleich zwei Höhe ist, dass es gewann 50 Picks auf, dass. Speichern Sie das. Ich gehe zurück zum Browser und ich sollte ein Bild zusammen mit diesem sehen. Nun, das ist nicht etwas Besonderes, aber wenn Sie ein Attribut entwerfen, kann ein Ausdruck, der in einem anderen vergeben werden. Warten Sie. , Zum Beispiel, wenn ich das hier entferne, dann wird davon ausgegangen, dass dies der tatsächliche Wert ist. Das bedeutet, dass es nach einem Bild sucht, dessen Name ist Kontakt mit unserem Bild, was falsch ist. Also offensichtlich wirst du einen Fehler bekommen, oder? Machen Sie es zu einem gebrochenen Bild plus einem Fehler, der besagt, dass es nach einem lokalen Host für zwei Doppel-Null-Stretch sucht . Kontaktieren Sie das Bild. Jetzt wollen wir eckig sagen, dass dies kein Zeichenfolgenwert ist. Es ist ein Ausdruck onda. Eine Möglichkeit, bereits durch die Verwendung eines kalibrierten gesehen zu werden. Die andere Möglichkeit besteht darin, diese SNC mit einer eckigen Klammer zu umgeben. Also sagen wir jetzt, dass dieser Brandy, was wir zuweisen, ein Ausdruck ist, keine tatsächlichen harten Kernwerte. Also, wenn ich das sage, das Problem zu sehen, dass das gleiche Bild wieder kommt 21. den /contact REST Endpunkt einrichten: Also haben wir auf Winkel-Service aufgebaut, der injizierbar ist, und derzeit gibt es mir ein einziges Kontaktobjekt. Damit wir mit Geld arbeiten können,wenden sich die Leute an Objekte und verstehen, wie sie die Daten von einem Remote-Webdienstendpunkt abrufenkönnen. Damit wir mit Geld arbeiten können, wenden sich die Leute an Objekte und verstehen, wie sie die Daten von einem Remote-Webdienstendpunkt abrufen Lassen Sie uns zuerst einen Web-Service-Endpunkt selbst erstellen. Also gehen wir zu diesem Zweck zurück zu einer Befehlszählung und ich möchte etwas namens Jason Server installieren. Es ist eine sehr einfache und anspruchsvolle Erholung ein Dienstleister. Lassen Sie uns versuchen, das zu installieren. Also npm ich für die Installation auf einem Leben Du bist Jason Server. So hängt der anständige Suroor vom Alter ab, der Datei ist, die Sie überall in Ihrem Projekt aufbewahren können. Ein Baum im Asyl kann alles sein. In der Tat kann der spätere auch aus einer Jobs könnte Datei bedient werden. Aber für den Moment werden wir einen Ordner in unserer Anwendung zum Sieg erstellen. Lass uns die Disteln meines Anwendungsverzeichnisses gehen. Also werde ich hier einen neuen Ordner auf einer Datei in dieser erstellen, nennen wir es uns Baby Schrägstrich Daten Jason. Und das ist ein Kampf, den wir Onda erschaffen werden, dass die Geldstrafe ein Objekt sein wird. Es wird im Jason ein Objekt repräsentieren, Onda. Jeder Endpunkt wird mit einem Schlüsselwert dargestellt. Zum Beispiel kann ich reine Kontakte bezahlen, was ein Schlüssel ist, und der Wert wäre ein ari. Und das wäre zum Beispiel ein einziges Kontaktobjekt . Ich kann sagen, dass ich eine davon ist. Ich kann Vorname sagen. Natürlich, da dies j Spaß ist, muss es eine sehr strenge Syntax sein. Ich muss vor Gericht ein auf Doppelkurs sagen, Vorname auf. Lass uns dir meinen Namen geben. Ebenso werde ich den Rest der D Tage geben. Also haben wir Vorname, Nachname Geschlecht. Er machte Telefon Stadt, Staat, Land. Ich glaube, das sind die Werte. Habe ich irgendetwas verpasst? Ja, Verabredung. Aber so ist das ein Geburtsdatum. Also, was ist der wird auf 1974 01 zu 0 sein. Das ist mein erstes Objekt. Ich kann ein anderes Objekt haben, nur um sicherzustellen, dass es funktioniert hat. Findet eine Kopie dieses Abschnitts für das Komma und schmeckt es. Also müssen wir jetzt Objekte führen. Natürlich, wenn wir ein i d geben, geben wir es uns, sagen wir John Doe sind Lassen Sie es uns so sanft machen, dass es eine Frau sein wird. Nehmen wir an, das ist ein Beispiel, damit ich Jane Doe in Hexham ohne Telefon haben kann. Lassen Sie uns etwas von der Telefonnummer für alle fünf von 897 eine Nummer setzen. Das heißt, ich habe Texas zuletzt und lass es uns machen, dass es U S. A On ist. Machen wir es uns zu unserem C 85. Ein anderer Kerl. Ok? Und wir brauchen ein Bild. Und wenn ich kein Bild bekommen möchte, kann ich das leer lassen, oder ich kann sogar angeben, dass dies nein ist, weil wir diesen Wert nicht haben, also können wir einfach alles löschen und es dann Nein machen, denn im Moment habe ich nicht dafür gemacht haben. Jetzt gehen wir und überprüfen, ob wir jetzt damit arbeiten können, können Sie sehen, dass die Jasons sind, was Bean installiert hat. Ich werde auch Zehe verpackt gehen oder Jason für einen Eintrag, um den Server zu starten. Also gehen wir hierher und löschten einen Eintrag, damit der Eintrag sein würde, dass farbige Augen sind, Jason ihr Server. Oder Sie können es den Rest des Servers nennen, was Sie wollen, was der Wert dafür ist Jason, ihr Server. Und dann können Sie den Port angeben, wenn Sie Test-Export standardmäßig mit Rate beginnt, glaube ich, 3000. Also lassen Sie uns nicht geben, dass 4200 ist, wo mein Winkel läuft. Lass es uns um 4300 Uhr geben. Wir können nicht einfach angeben, dass es auf Änderungen achten muss, die direkt an der Geldbuße vorgenommen werden. Das ist also in Ordnung. Und dann endlich mit ihrem db Schrägstrich ater Jason. Und das ist der Kampf, den es jetzt beginnen soll, da wir hier eine Option geschaffen haben , lasst uns weitermachen und Tag laufen. Also, um zu diesem sagen Sie npm Iran gefolgt von allem, was hier gegeben wird, könnte das alles sein. Ich werde reinen Jason Dash sterben sagte, Links auf Wenn alles in Ordnung ist, sollten Sie sehen, dass es Ressourcen http Einheimischen Essen drei Doppel-Null Schrägstrich Kontakt sagt. Also, wenn diese in einem Browser geöffnet sind in einem Zweibein-Postboten, Ich sollte in der Lage sein zu sehen, dass es zwei Kontakte. Was es mir auch erlaubt, ist, meine i d zu suchen. Zum Beispiel, wenn es ein Schrägstrich ist. Ich sollte ein Kontaktobjekt sehen. Wenn ich Slash zwei sagte, was das i. D. ist, wird es tatsächlich automatisch in der Idee suchen und Sie das verwenden. Dies hat auch nicht viele Funktionen wie eine Paginierung und so weiter gesehen, so dass wir die Daten von hier erhalten können. Jetzt müssen wir hier Kontakte haben, also lasst uns gehen und überprüfen, ob DB-Slash-Daten Jason sind. Wir müssen uns leiten. Jetzt. Wenn ich mehr Kontakte wie diesen haben möchte, können wir mehr Daten von einer Rückseite namens Spott Dotcom bekommen. Und was wir tun müssen, ist zu spezifizieren, welche anderen Felder wir wollen. Welche anderen Datentypen wollen wir Onda. Dann kriegen wir es in der Form von CS drei, Jason und so weiter. Nun, was ich tun werde, ist, dass ich sagen werde, dass meine Ideen Terra Nummer finden. Das wird ein Vorname auf dem Typ Vorname letzte mir E-Mail sein. Gut. Geschlecht ist auch in Ordnung. Ich brauche keine i p Adresse, aber ich brauche für Und wenn ich auf das kleine klicke, gib mir einen der Füße. Die Typen, für die Sie ein Konzert wollen? Denn ich füge Telefon hinzu, das bei diesem Typ geht. Wir brauchen ein D wird sein, das tot ist. Aber lassen Sie uns auf ein Date gehen. Also die Daten zwischen was? Ich werde so etwas wie 01 2019 74 geben, sagen wir ein zufälliges Datum. 03 23 Ich ging in 98. Ich möchte in dieser Form nicht, die ich in meinem eso-Format wollte. Also, was haben wir in unserer Alterspfeife verwendet. Wir wollen, dass unsere eine andere Stadt von Typ Stadt fühlen. Wir wollen einen Zustand außerhalb des Staates. Noch ein Land. Natürlich will ich das Land. Andi, ich will auch das Foto. Das Bild ist also im Grunde richtig. Jetzt lass es mich als schwarz geben. Aber ich werde hier einen Ausdruck hinzufügen. Der Ausdruck wird den Wert basierend auf dem I d auf dem Geschlecht Geschlecht Geschlecht Geschlecht. Also lass mich es hier drüben stützen. Also im Grunde baue ich eine String-Verkettung, die tatsächlich von einer meiner Website in Majors erhalten wird . Andi, wenn das Geschlecht männlich ist, dann Männer Slash Frauen auf, dann einen Schrägstrich und im id Slash Store Chip es Also, wenn ich sage anwenden, bekommen wir im Grunde einen Ausdruck dort. Also haben wir Vorname Nachname, E-Mail, Geschlecht, Telefon. Wenn Sie die Sequenz ändern möchten, können Sie die Sequenz wie diesen Drachen Drop auf ändern. Ich denke, das sollte es. Die Leute denken, wir haben das Datum des Landbildes des World City State. Wir wollen also nur 100 Datensätze. Wir wollen nicht zu viele von ihnen. Und wir wollen Zeh. Holen Sie sie im Jason-Format. Jetzt können Sie diese herunterladen oder Sie können eine Vorschau anzeigen. Es wird dir so etwas zeigen. Also machen wir, wie wir tatsächlich alles von hier kopieren können, damit ich die Kontrolle drücken kann. Okay, kopieren und dann kommen Sie zurück Toe meine Daten, dass Jason diese Ari Andi entfernt hat, die andere, die ich einfach nicht gepäck, denke ich. Unsere Verschiebung nach Format Gericht Jetzt habe ich 100 Kontaktdaten mit zufälligen Daten. Ich kann sehr für die gleiche Sache weitermachen, indem ich den lokalen Host für drei doppelte Null-Slash-Kontakte betrachte, Schrägstrich sagen, zum Beispiel 88, dass die Person darauf auch ein gültiges Bild ist. Also, wenn ich das kopiere und das öffne und du Dad, kannst du sehen, dass das Wertbild, das wir verwenden können. Also, jetzt, wenn ich wieder auf, machen einige Änderungen an meinem Gehalt ist so, dass es geht Zehe Bünde den Leser von der entfernten Endpunkt, die wir gerade wissen, erstellt. Wir sollten in der Lage sein, jemanden zu sehen, der Daten hier drüben beantwortet. 22. Den REST Endpunkt in unserem Service konsumieren: also keine Gemeinkosten. Zwei TB Web-Service Zurück in diesem und läuft es Zeit für uns Zehe. Konsumieren Sie das Thema in unserem Service. Lassen Sie uns zu unserer Anwendung gehen. Das erste, was Sie tun müssen, ist, ein Modell namens Es ist TTP beansprucht Modell und das ist getan werden, indem Sie Fuß bei meiner Pflicht. Ja, und wir müssen handeln, dass hier importiert wird. Aber natürlich vorher das müssen wir vorher dasModell selbst importieren. Also werden wir sagen, Import von bei eckigen Schrägstrich gemeinsamen Schrägstrich STD auf, was von dem kommt , ist ein Modulteil als http-Client modern auf Sobald wir hinzugefügt haben, dass hier, das muss in unserem Importbereich enthalten sein. Nun hängt andere Anwendung von einem anderen Modul ab und dieses Modell hat eine Gehälter namens http-Client , wenn Sie sich erinnern, können wir einen Dienst in Schlepptau injizieren. Ein anderer Dienst ist Bestandteil. Was wir also tun wollen, ist, dass wir zu unseren Telefonbuchumfragen gehen und wir sagen, dass wir diesen http-Client-Service konsumieren wollen und die Art und Weise, wie wir es tun, ist, indem wir fünf es von American eingeben. Nennen Sie es wird Http on off time, es ist TTP-Client und das geht toe, um die 2. 1 zu importieren, die ich aus eckig gemeinsam sein BIP verwenden sollte . Also haben wir das verstanden. Jetzt, da wir Http haben, können wir das Gleiche nicht konsumieren. Also, wie machen wir das? Also werden wir sagen, hier ist Start, http dot Get und wir müssen ein u r liefern und der Urin für ist sehr einfach. Es wird also scdp lokaler Host 43 Doppel-Null-Schrägstrich Kontakt Schrägstrich Plus diesen Efeu, wir suchen, also kann ich hier und t jetzt sehen, diese Funktion, wenn Sie anrufen, wird es wiederholen, was als beobachtbar genannt wird und das beobachtbare hat um konsumiert zu werden anstatt zu sagen, das Beobachtbare muss tiefgestellt sein Also kann ich einfach sagen, Rückkehr hier auf das gibt mir einen Fehler denn hier können Sie sehen, dass wir gesagt haben, dass der schriftliche Datentyp Kontakt ist. Aber da dies ein beobachtbares auf zurückgeben wird, was wir hier tun, ist jetzt werden wir sagen, dass dies auf beobachtbare zurückkehren wird, was von Rx Js ist und wir sagen, dass es alles sein könnte Jetzt wissen wir, dass es ein Kontaktobjekt ist , aber jetzt werden wir jedes Jahr sagen Also was bedeutet, wenn diese Funktion aufgerufen wird, geht es tatsächlich an das getan auf beobachtbare. Und wenn Sie sich erinnern, wo wir aufgerufen haben, wurden in unseren Komponenten Kontaktdaten und in den Kontaktkardinalen Komponente es genannt . Also haben wir hier gesagt, dieser Startkontakt entspricht toe einem beobachtbaren wieder. Das ist falsch, weil Kontakt eine Variable vom Typ Kontakt ist. Aber da dies ein beobachtbares ist, wissen Sie, die Art und Weise, wie wir zuweisen können, ist, dass wir zuerst sagen, diese Aktien, die wir beginnen, Kontaktdaten erhalten, was eine beobachtbare auf beobachtbare ist, muss mit einem abonniert werden dunkel abonnieren, und das Substrat gibt drei Callbacks. Der erste Callback geht im Grunde darum, wenn Sie das tatsächlich bekommen, nicht. Was möchten Sie gehen, wenn Sie eine Bearbeitung erhalten? Was willst du tun? Das ist ein zweiter Perimeter. Und wenn das eigentliche Abonnement abgeschlossen ist, was möchten Sie jetzt tun? In unserem Fall möchten wir nur die Daten erhalten. Also, wenn die Daten verfügbar sind, geben Sie sie mir. Ich möchte den Verzerrungskontakt gleich den Daten zuweisen, und das versuchen wir hier zu tun. Wenn ich dies formatiere, so rufen wir jetzt die Funktion auf und wenn das Objekt zurückgegeben wird, ist das beobachtbare zurück. Wir abonnieren, dass auf, wenn Daten verfügbar sind, die Daten an mich gegeben werden, und ich gebe das zu. Oh, sie fangen Kontakt an. Also werde ich diesen Go back toe Browser speichern. Wenn Sie jetzt sehen, erhalten wir Daten von einer anderen Person Jetzt auch, Sie können sehen, dass es einen Fehler hier anfangs, So ist es einfach nicht finden Bild aus undefiniert. Lassen Sie uns eine Sache tun, die den Bildschirm löscht und dann erneut laden. Onda, äh, sehen, dass wir hier einen Editor bekommen und der Grund, warum dies ein anderer jetzt Andi nicht früher ist, ist weil wenn die Komponente geladen wird, das Kontaktobjekt leer ist. Es ist momentan undefiniert, Rachel, weil wir gerade den Datentyp deklariert haben. Aber dir ist nichts zugeteilt. Wir haben nichts im Konstruktor aufgestiegen. Wir sind nichts in der NGO drauf aufsteigen. Auch auf besser zuweisen. Wir sind tatsächlich hat irgendeinen späteren Zeitpunkt, wenn die tatsächlich zur Verfügung stirbt. Also, davor wird die Komponente auf die U I geladen onda die Komponente HTML Wenn Sie schauen, versucht es hier eine Art Bild zu machen , und das ist zu diesem Zeitpunkt undefiniert, auf und undefiniert. Das dunkle Bild ist ein Editor und das ist, was Sie tatsächlich Interrupt bekommen kann nicht das Eigenschaftsbild von undefiniert gelesen werden. Nun, eine einfache Lösung dafür wäre nur initialisiert dies entweder im Bild sind hier selbst gleich Zehe neuen Kontakt ohne Umkreis. - Onda. Nun, das sollte das Problem lösen auf Sie können sehen, dass das Interesse, Natürlich. Anfangs ist es immer noch gehen, um ein Bild auf Nicht nur sie sind nicht geschätzt Bild, so dass ist es geben. Aber das ist in Ordnung. Wir können immer noch vergeben, indem wir ein Dummy-Bild hinzufügen. Aber das ist okay, nur für den Fall, wenn ich hier gehe und dann statt eines. Wenn ich sage, 45 speichern Sie es jetzt, sollte eine andere Person sehen, richtig? Dies ist genau, wie man einen Ruheendpunkt mit http-Client konsumiert, wir werden jetzt einige Wieder Factoring machen, also wenn ich zum Dienst zurückgehe, können Sie sehen, dass dieser Urin jetzt an mehreren Orten verwendet werden würde. Offensichtlich ist es keine gute Idee, es hier zu behalten. Also werde ich das einfach als Urin eingeben , den ich nicht habe, dass jemand eine Variable erstellt. Ihr Anruf, CONST. Basierter Urin entspricht der Zehe dieser und jener Schnur. Also jetzt habe ich einen einfachen Mechanismus hier drüben. Und natürlich werden wir mehr und mehr Funktionen schreiben, wie alle Kontakte weitermachen, einen neuen Vertrag hinzufügen und so weiter und so weiter. 23. CRUD-Operationen in dem ContactsService -in: in diesem Modell. Lassen Sie uns zunächst weitere Funktionalitäten zu unseren Telefonbuchgehältern hinzufügen. zunächst Lassen Sie unszunächstden Rückgabetyp von beobachtbar aus jedem Zehe beobachtbar aus Kontakt ändern. Und das liegt daran, dass in unserer Komponente Kontaktdaten seine Komponente DS tatsächlich den Rückgabewert aus dem Abonnement für unser Kontaktobjekt entwarf . Also, während wir hier gesagt haben, dass es irgendetwas ist, wissen wir, dass, wenn wir eine Anfrage an diesen bestimmten Ural stellen , es gibt ein einzelnes Kontaktobjekt. Also lasst uns dies zu beobachtbaren außerhalb des Kontakts ändern. Jetzt. Wenn wir dies gespeichert haben, können Sie sehen, dass es mir ein anderes gibt, weil die get-Funktion standardmäßig zurückgibt und beobachtbar von Objekt, wir müssen das Antwortobjekt in ein Kontaktobjekt verwandeln. Dies geschieht, indem eine Funktion namens map aufgerufen wird, deren Aufgabe es ist, auf Objekt eines Typs zu einem anderen Tag zuzuordnen . Zu diesem Zweck müssen Sie möglicherweise die Funktion Autokarte aufrufen, da Sie sehen können, dass es nicht die Kartenfunktion auflistet, so dass unsere Tuxes Radius Operatoren haben, die Sie verwenden können. Zum Beispiel, wenn ich gehe noch Modelle Onda suchen Audits Js Sie können sehen, dass es einen Sub-Modul-Operator gibt , und es gibt eine Menge von Operatoren, die wir hier sehen können, wie zum Beispiel erobert oder Fang. Es gibt Graf, und viele von ihnen. Einer von ihnen zufällig eine Karte sein auch, Also, wenn Sie wollen, können Sie unsere äußere Schrägstrich r Schrägstrich operative Schrägstrich Mann importieren. Nein. wieder Greifen Siewiederauf diese Kartenfunktion von diesem Get-Funktionen zu. Rücken Bauch zurück. Wir fahren weiter North Talk Mann, und dann hat Matt Zugriff auf das Antwortobjekt. Lassen Sie uns anrufen, wenn Nachlass bis und wir müssen eine konvertierte schreiben oder den Wert vom Führer abbilden . Ich kann einfach sitzen. Daten haben Kontakt, so dass das Abwerfen, die automatisch stattfinden wird. Jetzt sehen Sie, dass es kein anderes gibt, damit dies funktioniert, Sie müssen Ihrer Anwendung ein weiteres Paket hinzufügen. Indem Sie diesen Befehl ausführen, installieren NPM optics JIA dash compact. Das ist ein Dies und gehen Sie zurück zum näher, um zu sehen, dass das Ergebnis intakt ist. DNA. Es ist bei einer zweiten Funktion. Zu dieser Zeit. Wir möchten einen neuen Vertrag hinzufügen, so dass die Farbfunktion als unser neuer Inhalt aufgerufen wird, und das Argument wäre Objekt außerhalb des Kontakts. Nachdem wir einen neuen Kontakt über den http-Punkt-Post hinzugefügt haben, erhalten wir auch ein beobachtbares vom Kontaktobjekt mit dem 90. Also werden wir sagen, dass du das beobachtbar bist und dann sehe ich deine Rückkehr. Dieser Start bekommt darzustellen sind jetzt verursacht The Post Rick Waas, The Ural Very einen Beitrag, der diese Basis ist. Ural, führen Sie diesen Basishof aus, und es gibt keine Ahnung. Assoziativ, im Gegensatz zu der vorherigen auf dem zweiten Umfang, wären die Daten, die Sie zu unserem wollen, was dies ist und nicht, dass wir ein JavaScript-Objekt erhalten , aber das wird in eine Jason-Nutzlast umgewandelt und gesendet werden, so dass wir hier keine Konvertierung von Objekt zu String durchführen müssen. Es wird auch schwer, und es ist zu DP-Anfrage Header Caldas Content-ID entspricht Zehe Anwendungen verlassen Jason Also alles ist implizit. Aber wenn Sie zu unseren zusätzlichen Headern wollen, können Sie es immer als 1/3 Umfang hinzufügen. Also habe ich momentan keine solche Anforderung, aber wenn wir an Gelegenheiten teilnehmen, müssen wir uns vielleicht eine Autorisierung schicken. Zu diesem Zeitpunkt gibt dies ein beobachtbares Off-Objekte zurück. Also, genau wie im vorherigen Fall, müssen wir möglicherweise die Antwort abgleichen, was auch immer das ist. Sobald wir in Kontakt kommen, Objekt und das wird erledigt sein. Wie Sie sehen können, das sind so ziemlich ein Venedig. Ebenso möchten wir vielleicht ein Update durchführen. Um das zu tun, heißt es, es ist aus dem Kontakt. Wir haben einen Kontakt als Umfang erhalten, und der Rückgabewert ist genau wie der vorherige. Wir haben ein beobachtbares Verhalten, also werden wir das gleiche Gesicht kopieren, wenn sie zurückkehren. Sie starten Http, tar setzen die eigentlich, seitdem ist es Stadt Leute dieses Mal anfordern. Brauchen wir nicht den Grundurin? Muss die Idee der Person, die erklärt, dass wir ändern wollen, das ist Kontakt mit unserem i d. Und dann kann ich sagen, der Kontakt oft selbst mit dem blasser. Wie im vorherigen Fall müssen wir möglicherweise immer noch die Antwort auf ein Kontaktobjekt abbilden, das wir jetzt tun werden und die Funktion ist erledigt. Eine andere Funktion, die wir Robert hier wollen, ist das Löschen, das identisch ist. Also die get so kopiere ich trägt die gleiche Änderung. Der Name für den Löschkontakt. Es scheint, dass die Ideen einen Umfang auf, weil die http-Punkt-Löschfunktion. Andi, Im Gegensatz zu den vorherigen, gibt es keine Kontakt-Update kommt im Restaurant. Das wird also von jedem beobachtbar sein, und dann habe ich keine Anforderung, das zu kartieren. Lassen Sie uns eine weitere Funktion für diese Service-Klasse haben, die mir eine Liste von Verhalten für Seite gibt. Also, nun, Addio bekommen alle Kontakte, die eine Seitenzahl nimmt, die eine Zahl auf, wenn die Nummer nicht so war Lassen Sie uns es auf die erste Seite nehmen, die zurückkehrt und beobachtbar ist. Aber dieses Mal, statt eines einzigen Kontakts, werden wir ein Array außerhalb des Kontakts haben. Und um eine Anfrage zu stellen, können wir einfach sagen, dass dieses Zeug ausgiebig zurückgegeben wurde. Verschaffen Sie sich nicht auf Basis Yoran. Aber dann sagen wir Ihre Punktkarte, wir erhalten die Antwort und wir konvertieren die Antwort im Schlepptau auf Array, aus Kontakt. Nun, das wird mir alle Kontakte in unserem Ruhepunkt geben. Wir möchten von dieser Seitenzahl Gebrauch machen. Um dies zu tun, können wir für Eltern Andi lesen, das ist ein Objekt, das aus Schlüsselwerten besteht. Der Schlüssel ist eine Zeichenfolgenautounterstrich Seite und der Wert muss immer eine Zeichenfolge sein, die die Seitenzahl ist, die wir liefern. Also werden wir das einfach in eine Schnur umwandeln. Aber Verkettung und dieses Muster können unser zweites Argument sein. Jetzt ist das zweite Argument zu diesem get eine Reihe von Optionen, wie Header und Perimeter und so weiter. Und da wir nur die Musterzähler liefern wollen, so werden wir Ihre Karriere Bracket Eltern retten. Nun ist das so gut, als zu sagen, dass Eltern der Schlüssel sind. Doppelpunktböden ist der Wert jetzt in Jahr sechs. Wenn Sie den Schlüssel und den Wert mit denselben Variablennamen haben, können Sie einfach übergeordnete Elemente eingeben. Also lassen Sie uns das auf dieser sauer alle Kontakt per Seitenfunktion speichern. 24. Die Liste aller Kontakte mit NgForOf anzuzeigen: Jetzt, da wir alle Funktionen für die Anwendung benötigt haben, lassen Sie uns mehr Komponenten auf dieser Zeit um. Wir fügen eine Komponente hinzu, die auf die Kontakte und Anzeige erhalten kann. Das wird also eine neue Komponente erstellen, indem Sie N g G C für Geschlechterkomponenten eingeben. Und das wollen wir in der Komponente. Ältere, Nehmen wir an, es heißt Kontakt, die Liste auf Wir wollen nicht Spec. Also mit dem Arzt Brille zu Aufhebens und das ist einfach perfekt gleich zwei PB für Telefonbuch , das drei Klassen erstellen wird. Html CSS ist eine Typoskript-Klasse und aktualisiert auch unsere APP. Modernität ist in Bezug auf die Deklaration Abschnitt, also gehen wir zurück zu unserem Kern und öffnen Sie das Thema. Also lassen Sie uns Kontaktlistenkomponente von TS öffnen, die hier ist und eine Variable aus Kontakten an ihm deklarieren wird. Also lasst es uns beruhigen. Fragen Sie Kontakte, umsichtig aus einem Array aus kontaktiert. Ich weiß, dass es mir einen anderen gibt, weil wir den Import haben, die gleichen Zypressenkommandanten werden auf Windows gesteuert und dass importiert haben wir dies nicht initialisiert, Hinzufügen, also wenn Sie anfänglich bekommen wollen, ist das wahr und leeres Array wie folgt? Aber das ist wirklich nicht, dass es funktioniert, weil wir das einfach im n G darin initialisieren werden, indem wir unsere Service-Funktion verwenden. Der Service ist also injizierbar, also müssen wir ihn offensichtlich in unsere Konstruktoren injizieren. Es ist ein Privates, das ist Kritik. Respektabel, abgeklebt Telefonbuch Gehälter, diese Talk-Operationen können wir nicht sagen, bekommen auf Kontakte und wir haben die Funktion, die Drohungen und beobachtbar, die wir abonnieren müssen. Nennen wir es einen Anfang. Abonnieren. Das erste Argument ist der Kampf, der das Antwortobjekt empfängt, was ein weiterer Kontext ist, den wir kennen. Wir können also nicht hier bleiben. Was auch immer die Antwort, die kommt, wir wollen dem Startkontext zuweisen, der es gleich ist, und sie sollten es tatsächlich abnehmen und die ersten Seitendaten abrufen, um dasselbe zu testen. Gehen wir zum HTML auf versucht, die Details aus dem Verhalten abzurufen. Also gehen wir zu, dass und es sagt, Kontaktliste funktioniert. Aber stattdessen werde ich deine „Wir sind von geschweiften Klammern“ nehmen. Und dann sagte ich Kontakte, die verfügbar sind, die wir haben. Das ist nur, um das in der Form von Jason Jason in der Bauleitung anzuzeigen , die man arbeitet. Was auch immer das Objekt ist in Jason String. Wenn Sie also zurück zum Browser gehen, würden Sie immer noch die vorherigen Details sehen. Das liegt daran, dass unser bei Komponente HTML derzeit PBY-Kontakt getwittert anzeigt. Also lassen Sie mich das Gleiche loben. Und dann zog er unsere neue Komponente, die PB Cash Contact List ist, als neue Tack. Das ist also, dass zu der Zeit. Speichern Sie es. Und dann gehe ich zurück zum Browser. Ich sollte eine Liste von Kontakten sehen, und Sie können sehen, dass der Kontext einige i d one toe i d 10 bis, wenn ich die zweite Seite Details wollen . Ich kann hier rüber zu meinem kompetenten TS gehen und dann die Seitenzahl angeben, da das eine Drei ist . Speichern Sie es. Wenn ich hierher zurückgehe, sollte ich einen neuen Satz von Kontakten sehen, von 21 in die Türkei, die eine Seite Nummer drei sein soll. Also lassen Sie uns dies jetzt auf dem Display den Ansichtskontext verwenden. Also gehen wir zurück zu, Natürlich wollen wir die Polizei, dass diese zwei Seiten Nummer eins RB Tony liefern müsste, weil große wir die erste Phase Details davon bekommen. Lassen Sie uns zum HTML gehen auf Sie können jetzt mindestens aus Kontakten anzeigen, die sie drei zuerst hatten und sagen, dass Liste aus allen Kontakten. Das ist, was ich hatte, Charlie, um durchzusehen und alle Kontakte eins nach dem anderen zu bekommen, so dass wir die Details der gleichen Winkel bieten etwas namens Regisseure drucken können . Also lassen Sie uns Winkeldokumentation für das gleiche besuchen. Also lasst uns zu eckig gehen, dass Bist du Andi? Geh zu den Docks. Es gibt einen A p einen Abschnitt auf in der Liste off-Typen können wir Direktive auswählen. Wie Sie sehen können, dass es viele gemeinsame Richtlinien, bilden verwandte Aktivitäten und so weiter. Also die, die wir uns ansehen, ist das, was NG genannt wird weit weg vom Motor. Vier der Richtlinie sind Verlierer. Toe sah durch eine Sammlung, die wir auf beobachtbare off Sammlungen haben, und dann können wir auf die ungewöhnlichen Elemente der Sammlung zugreifen. Das ist ziemlich nützlich. Lassen Sie uns gehen und überprüfen, wie das verwendet werden kann. Nun lassen Sie uns einen Deal verwenden, der für jeden Kontext, den wir tun müssen, wiederholt werden soll , der Ihren Stern nehmen wird. N G vier gleich zwei, und wir müssen Ausdruck Ausdruck geben wird wie lassen Sie Kontakte absehen. Jetzt ist Kontakte die Member-Variable in unserem TS Hier. Dies ist ein Mitglied zuverlässig und wir wollen toe Holen Sie sich einen einzigen Kontakt auf Name es wie siehe. Also, jetzt, wenn Sie sich ausdenken können, sehen ist ein Kontakt, den ich die Details zu diesem Siehe hier, zum Beispiel, ganz vollständig sehen. Wenn Sie also zum Näheren zurückkehren, sollten Sie alle in Form von vollständigen Namen angezeigt sehen. Alles klar, so können wir uns wirklich gruppieren. Und Ari, falls dieser Eric automatisch wächst, wird das auch wachsen. Zum Beispiel, lassen Sie uns Wohnung hier sagen, dass, sagen wir, wichtig für Bt und unseren Vertrag und Familie auf. Dann werden wir sagen, dein Herr mehr das Talent Klick Event-Handler für die gleiche genannt Lord Board . Und natürlich haben wir diese Funktion nicht, die eine andere geben wird. Das ist es retten. Geh wieder hier rüber. Das ist bei einer Funktion für normal, die die Seitenzahl belasten soll. Und wir haben nicht die Seitenzahl es einsame Variable namens Asian Off Nummer fünf, zunächst zu einem Onda, wir müssen diese Seitenzahl implementieren, wird dieser Anfang gelegentlich plus plus sagen. Jetzt müssen wir diese Seite zur Verfügung stellen. Taub Zehe der Service Erhalten Sie nicht alle Kontaktfunktion. Also haben wir gesagt, dass dieser Start-Service nicht alle Kontakt auf dieser Startseite Nummer ist die Variable, die wir an die tiefgestellte Funktion liefern möchten. Wir liefern Rückruf, der die Daten erhält, die ah ist, entsprechend einem Tag frei Inhalt. Wir haben Zehenkontakt angeborene Zehe dieses bestehenden Süchtigen und dies kann in verschiedenen Basis getan werden . Eine der Möglichkeiten, zu tun, ist Startinhalt gleich Zehe Rente, die alle Werte aus verzerrten Kontakten besteht , wie bei uns, die Werte aus Daten. Dies wird also Spread Operator in Jahr sechs genannt. Also wird es tatsächlich auf die Werte aus Kontakt zu verbreiten und dann den gesamten Wert aus Daten zu verteilen, wird ein neuer Weg. Und das ist ein Centobie beginnen Sie zu kontaktieren, wenn ich diesen Kern jetzt rette. Und wenn Sie zurück zum Browser gehen, Also schauen wir uns das an. Wir bekommen die erste ausschalten und wenn ich auf Lord More klicke, können Sie sehen, dass 10 mehr geladen ist. Und jedes Mal, wenn ich darauf klicke, wirst du jedes Mal 10 weitere bekommen. Um das Gleiche zu verschönern, gehen wir jetzt zurück. Anstatt dies nur anzuzeigen, kann ich wahrscheinlich das Bild des Personennamens der Person auf Wahrscheinlich Stadt anzeigen, von der die Person herkommt. Also lasst uns etwas CSS so besorgt haben. Das Ende mit einer so genannten Listengruppe in dieser Listengruppe wird diese Gruppenelemente enthalten , so dass das außerhalb Ihrer Klasse ist gleich dem Listengruppenelement. Ich bin wahrscheinlich möchte ich eine Rolle mit zwei Spalten haben, die Regel mit einem genannten SM vier die für das Bild plus als S sie Alter für das verbleibende Stück Daten die 1. 1 enthalten soll und jedem geben Das ist unser Bild, Tod und das Bild. Doug wird aus dem SRC bestehen, der von Cedar Picture kommt. Aber wenn Sie sich erinnern, sollte das Zedernbild ein Ausdruck sein, damit wir sehen können, dass es ein Ausdruck ist, indem Sie ein Quadrat zurück in den SRC hinzufügen. Attribut. Das ist also ein Bild. Nein, Sie können uns auch die Größe angeben. Lassen Sie uns eine Belastung der Haut zum Beispiel geben, off, sagen wir 100 Pixel von 1 50 Bild und das sollte gut genug sein. Und das ist ein Ort, an dem ich die Namen der Personen anzeigen möchte. Lassen Sie uns einen Kopf, für den besteht aus sehen, aber voll mich auf. Und wir sind uns auch bewusst, dass der Absatz von Cedar City besteht, und sehen, dass der Staat es retten . Gehen wir zurück zu der Rosa auf DSI, dass die Daten schön verzweifelt sind. 25. Route und Änderung von Ansichten: Nun, da wir mehrere Komponenten in unseren Anwendungen, die Kontaktlistenkomponente und Kontaktdetails Komponente haben , sollten wir in der Lage sein, zwischen ihnen zu wechseln, indem Sie auf einen bestimmten Ansprechpartner klicken, wahrscheinlich auf das Bild oder auf den Namen. Wenn ich darauf klicke, sollte es die Details von dieser bestimmten Person anzeigen. Offensichtlich müssen wir ermitteln, wohin diese Informationen kommen sollen. Daher möchten wir diese Kontaktliste wahrscheinlich entfernen. Und an diesem Ort möchten wir die Kontaktdaten der Person anzeigen. Und dies geschieht durch die Verwendung eines Konzepts namens Routing-Konzepte. Als erstes müssen Sie den Ort identifizieren, an dem die Komponente dynamisch zerstört werden muss . Nun, zu diesem Zweck werden wir zu unserer ab AB Komponente HTML gehen. Und hier haben wir Komponenten angezeigt, indem wir sie manuell ändern. Was ich tun werde, ist, dass ich das entfernen und dann eine Komponente namens Rotor Outfit platzieren werde. Es ist eine Gebäudekomponente von eckig, aber das wird nur kommen, wenn Sie etwas namens Writed of Modern verwenden. Da wir das noch nicht erledigt haben. Es hilft mir hier nicht, aber trotzdem fügen wir diese kleine Schokolade als Angriff hinzu. Also offensichtlich, wenn Sie zurück zum Browser gehen, machen Sie es besser, hier zu sagen, dass die Zeile insgesamt. Es ist keine gültige Komponente. Wenn Sie zur Konsole zurückkehren, können Sie sie sehen. Null zu drehen ist nicht unbekannt. Element jetzt, das sehr schnell behoben werden kann, indem wir zu unserer Anwendung sind in der Modernität ist , und wir müssen ein Modell namens Rotormodell haften. Also lassen Sie uns auf Anzeige über unser Modell gehen. Das ist also ein Import. Andi von deiner Schrägstraße und das wird mir ein Modell geben. Es ist bei einem Modell namens Rotor Modern. Im Gegensatz zu den vorherigen, die wir hier verwendet haben, können Sie diese Art von Modell möglicherweise nicht direkt verwenden, und das liegt daran, dass Sie etwas namens Straßenkonfiguration geben müssen. Also, was ist eine andere, die das hier erschaffen? Wir können das später anderswo verschieben, also deklarieren wir eine Variable. Das ist, wenn Const. Straßen, die aus der Zeit genannt wird, schrieb es zitiert toe und und für das Timing, lassen Sie es leer und dann kommen Sie zu unserem Importabschnitt und dann höre ich Rotor-Modul dachte für Route auf. Dann liefern wir die Straßen. Also hast du das gerettet. Wenn ich zurück zur Rosa gehe,sollte ich keinen Fehler bekommen. Wenn ich zurück zur Rosa gehe, Aber ich habe keine Komponente, weil wir diese Komponente dynamisch spezifizieren mussten. Nun kann der Teil des Ural hier erkennen, was diese besondere Komponente sein soll . zum Beispiel Wenn ichzum BeispielSchrägstrich sage, möchte ich, dass die Home-Komponente hierher kommt. Aber wenn ich ja sage, Schrägstrich Kontaktliste als Beispiel, Also muss dieser Teil die Liste der Komponente identifizieren und diese Komponente sollte hier platziert werden . Wir können auch sagen, dass Ihre Schrägstrickdetails Kontaktdaten sind. Dies sollte einen Kontakt zu identifizieren intensiv hier, dass dies ist, wo die Straßenkonfiguration kommt in. Stellen Sie sich vor, um anzugeben, welcher Teil des Topfes sollte Arbeit identifizieren, Komponente es ziemlich einfachen Nutzen. Gehen Sie hier und erstellen Sie dann eine Straße Konfigurationsobjekt, die im Grunde Teil auf Wir sagen, dass zu Hause der Teil ist und dann sollte Oneto eine Komponente namens Home-Komponente auf ruhen. Nun, wenn Ihr Service wird es hier zu dieser Zeit ein leeres sein. Aber sobald es sehr geladen ist, können wir hier überprüfen, indem wir Schrägstrich halten drücken Sie Enter Ich sollte die Home-Komponente sehen. Ebenso kann ich auch angeben, dass ein anderer Teil namens Kontaktliste eine Komponente identifizieren sollte, die als Kontaktlistenkomponente bezeichnet wird. Onda se Pot Kontaktdaten sollten eine Komponente namens Kontaktdetails Komponente identifizieren. Richtig? So, jetzt können Sie sehen, dass ich drei verschiedene Straßen Spots, so dass jeder Teil identifiziert die spezifische Firma. Jetzt kann der Teil, dass Text alles sein, was Sie wollen, aber ich habe nicht wirklich das gleiche wie der Vorschlag von der Komponente selbst entfernt. Also lasst uns wieder hierher gehen, da ist das Ganze. Wenn ich sage, Sie sind Kontakt Strichliste und drücken Sie Ausschreibung, können Sie sehen, dass es mir die Kontaktliste gibt. Und natürlich, wenn ich „Contract de taste“ sagte, wird es zurückkommen und mir zeigen, dass Eingeborene von einer einzigen Person kontaktiert werden. Also natürlich möchten wir auch eine Wurzel von Ihrer Anwendung haben, die einige vor der Komponente zeigt, und das kann getan werden, indem Sie angeben, dass die Wurzel von Ihrer Anwendung Zehe davon wie zu Hause umleiten sollte . Unsere Kontaktlisten, es liegt an Ihnen in der Regel am Anfang zu wiederholen. Es ist nicht notwendig, aber begann, Seyfarth entspricht toe eine leere Zeichenfolge und dann geben wir beide Komponenten sind Sie können es direkt nach Hause in diesem Fall zu sagen , umgeleitet Hausaufgaben, weil Form ein Teil ist, der entspricht in Text. Sie können auch direkt nehmen Sie Ihre Komponente ist zuversichtlich nach Hause. Aber nur ein Problem ist, dass ich Bezirk ist Teil jedes Teils, den wir sagen wollen, die leere Zeichenfolge sollte das einzige, was in den Teilen sein, nicht nur Teil des Parks. Das geschieht also, indem Sie auf diese Weise für das Spiel auf das gleiche Essen eingeben. Nur wenn das gesamte Teil eine Branche ist, dann wird es das Haus umgeleitet. Wenn ich zum Browser zurückgehe, solltest du jetzt sehen, dass das Loch vorne angezeigt wird. Selbst wenn ich das nicht besuche, entferne ich das und drücke die Eingabetaste, du wirst sehen, dass es umgeleitet wird. Toe Schrägstrich nach Hause auf, dass kommt automatisch. Nun, da wir jetzt grundlegende Routing eingerichtet haben, bieten wir auch gerne viele Optionen an. Also, wenn ich auf die Menüoption klicken, sollte es zu einer bestimmten Firma gehen, dass dies durch die Verwendung von etwas namens Router Beine, die einfach Hyperlinks gesetzt werden getan . Also gehen wir und sehen, wie das ohne ein paar Menüs hier gemacht werden kann. Einer ist ganz. Eine ist Kontaktliste auf abseits des Kurses. Ich sollte in der Lage sein, zwischen ihnen mit den Hyper-Mitteln zu wechseln, nicht durch manuelles Tippen an dieser Stelle. Gehen wir zurück auf die Cyber-Komponente. Html. Holen Sie es auf diese H drei und auf ein paar Tasten hier. Das ist also vorwärts. Eine Waffe mit Bt und weiter. Ich kann Bt und dash Primary auf dem Button speichern. Bildunterschrift wird zu Hause sein. Sagen wir das. Geh zurück. Sie würden sehen, dass es einen Boden gibt und wenn Sie eine breitere Taste wollen, können Sie Jahr Bt und Dash lang angeben, die die volle von der Seite abgerissen besetzen wird. Aber was wäre schön? Und dann natürlich kann ich das natürlichein paar Mal kopieren und einfügen. Eine zweite 1 wäre Kontaktliste, so dass dies eine Liste aller Kontakte ist. Und wenn du keine Familie willst, kannst du es Second Billy nennen. So sehen wir uns das an, und das ist okay. Also, jetzt sehen Sie, ich habe zwei Tasten, aber natürlich Scherz, auf dem nichts passiert, so zu diesem Zweck, was wir tun müssen, ist, was als Router-Link-Direktive genannt wird. Also sagen sie, dass Direktive so gegeben ist, dass ich ertragen kann, damit ich hier etwas Platz haben kann , damit ich sagen kann, Router League gleich ist. Denken Sie jetzt daran, die Bildschirmaufzeichnung bedeutet, dass alles, was wir hier gegeben haben, ein Ausdruck ist. Dies ist also ein reguläres Attribut, wurde aber eine Zwangsjacke gegeben, um anzuzeigen, dass dies ein Ausdruck ist. Der Ausdruck ist ein Ari, der abseits der Straße besteht. Was Also, zum Beispiel, Ich bestreite Mittagessen ar Schrägstrich nach Hause auf, die Zehe das Haus entsprechen sollte. In ähnlicher Weise kann ich Ihnen ein völlig auf geben, dann entspricht es einem Ausdruck, der aus der Kontaktliste besteht. Hier, speichern Sie es. Und wenn ich zurück zum Browser gehe, sollte ich zwei Tasten sehen. Wenn ich auf die Kontaktliste klicke, können Sie sehen, dass dieser Rotor Oakland jetzt eine Kontaktliste zeigt. Ähnlich, wenn ich das annehme, können Sie sehen, dass ich jetzt wieder nach Hause gehen kann. Ebenso kann ich für jede dieser beiden auch frühzeitig eine Route bereitstellen. Tun Sie das. Gehen wir zurück zur Kontaktliste. Html Andi. Wenn du siehst, hier habe ich das Bild. Hier habe ich einen vollständigen Namen, so dass ich nur eine Route hinzufügen kann. Mit diesem sind heute, die Zehenkante für Also, wenn ich an den Rand gehen für unsere eine Reihe Drehen gleich bücken und Ari. Aber dieses Mal wollen wir Slash Kontakt Tage auf speichern liefern. Also, wenn wir hier zurück sind, haben wir die Kontaktliste. Du siehst, dass ich keinen Hyperlink bekomme ich kein Kultursymbol, aber wenn du darauf klickst, solltest du sehen, dass ich in der Lage bin, ihre andere Person zu setzen. Natürlich wollten wir auf eine bestimmte Person klicken, um die Details dieser Person zu sehen. Im Moment geben wir keine Details über die Person an, die wir hier haben. Das ist der Grund, warum wir das nicht bekommen. Also das nächste, was wir tun müssen, ist Abschleppen will auf die Informationen, wie eine Idee von dieser Person zu den Kontaktdaten. So, wie zum Beispiel, zusammen mit diesem Vertrag, möchte ich vielleicht den Samen oder die Idee liefern, und das können wir Ihnen geben. Komm schon, Samen auf Efeu. Das ist also der Grund, warum dies ein Ausdruck ist. Siehst du, das ist ein freier Tag. Zwei Werte jetzt einer ist ein Stream. Das ist der Teil. Und die zweite ist die Idee der Person, die ich schicke. Aber leider praktisch in diesem, können Sie sehen, dass ich bekomme einen Editor. Das liegt daran, dass es sich um Inhalte handelt. Details Schrägstrich drei auf. Ich habe kein Mapping für diesen Teil. Als ob wir die Kartierung für den Kontakt haben. Es ist, aber nicht für Kontaktdaten Schrägstrich drei. Also, wenn ich das kläre und diese Person jetzt annehme, können Sie sehen, dass es mir eine andere Sache gibt. In diesem Kontext wird es geschlitzt. Fünf ist ungültig. Also, wie gehen wir das an? Es ist sehr einfach. Wir gehen zum App-Modell TS und sagen, dass was? Zusammen mit den Kontaktbeweisen, würden wir auch gerne ein I D. liefern und wenn ich diesen Typ hier, ich ve Dann wird es davon ausgehen, dass Efeu auch hart sein muss. Aber wir wissen, dass diese Idee wie eine Zehe sein muss. Drei sind so weiter. Um zu erwähnen, dass dies ein wertvoller Teil des Teils ist, den wir Ihrem Dickdarm geben, Heidi, und diese Variable kann jetzt identifizieren, was auch immer die Zahlen, die geliefert wurden. Also, wenn du wieder zurückgehst, siehst du, dass es kein anderes Sprichwort gibt? Nein. Wenn ich darauf klicke, geht es an die kritische Person. Aber wir liefern die einzigen fünf, aber wir benutzen sie hier nicht. Und wenn Sie einfach zurücktreten und zum Vertrag gehen, ist es Komponente DS. Sie werden sehen, dass wir immer 45 als Nummer liefern. Also, obwohl wir hier gut stehen, sind eine, zum Beispiel, wurden immer für einen Kampf schicken. Nun, was wir tun müssen, ist, diesen Wert zu erfassen, den wir senden , der Teil des Teils für I d Andi ist. Dann hol mir das ich und arbeite dann damit. Also statt zu senden, 45 waren die Zehe senden Diese Idee vom Benutzer zur Verfügung gestellt 26. Zugriff auf die route in ContactListComponent: heute Morgen sagen, Lassen Sie unsheute Morgen sagen,wie man die runden Parameter erhält und dann die Details von diesem bestimmten Ansprechpartner abholt . Und dafür müssen wir uns selbst einen Service machen. Bringt es durch Winkelrotormodul aufgerufen als aktiviert geschrieben geschrieben, so können wir eine Variable Sagen deklarieren , zum Beispiel, privat nach einem bewertet über off Typ aktiviert Runde. Die Variablennamen können also alles andere als allgemeine Tendenz sein, dass Sie den gleichen Namen des Klassennamens mit niedrigeren Get-Kosten später behalten . Dies hat jetzt Zugang zu den Straßenparametern. können wir im Bild nutzen. So jetzt können wir hier sagen, dass dieser Start Outdoor-Firmen aktiviert, die eine beobachtbare, auf die Sie abonnieren können. Und jetzt haben Sie Zugang zu all den ungewöhnlichen para Meter. Nehmen wir an, Foren Daten über jetzt mit diesem Begriff Zustand sind, möchten wir wahrscheinlich eine Anfrage an diesen stellen . Also werde ich das hier abschneiden und hier drüben anpiepsen, statt 45, wo wir wollen, dass die Versorgung abgeschaltet ist . Ich würde, damit wir die Idee bekommen und nirgends kommt diese Idee her. Wenn Sie sich diese ABT modelliert Ohren. Wir haben die Variable namens Idee hier definiert. Dies ist also die Variable, auf die wir aus dem Barometer-Zustand zugreifen wollen. Also, wenn ich diese Nummer hier speichern und dann zurück zum Browser gehen auf, haben wir Zugriff auf Kontaktdaten Schrägstrich eins. Also, wenn ich zur Kontaktliste gehe und auf den zweiten Kontakt klicke, sehen Sie, dass wir hier liefern und wir bekommen auch die Details dieser Person. Wenn ich also zu jemand anderem gehe und dann die Beweise bekomme, bin ich in der Lage, auf diese besonderen Details zuzugreifen Auch ein paar Änderungen werden wir Ihre machen, weil wir sehen, dass es viele Fehler gibt, kommen. Und das ist vor allem, weil aus dem Schrägstrich nicht hier. Wenn ich ein verformtes Bild habe,wäre das fantastisch, damit wir ein anderes Bild zuweisen können. Wenn ich ein verformtes Bild habe, wäre das fantastisch, Du bist so, damit wir Martin weiter übergehen können. Wir haben dieses Verhalten Tortillas. Es gibt ein Bild, das optional ist, und ich kann auch eine Zeichenfolge hier zuweisen, die geschrägt werden soll, einen Sexschrägstrich in Majors, und dann kann ich sagen, dass du aus Flugpunkt PNG Andi bist, der uns ein Standardprofil geben sollte -Bild. Wenn Sie nun näher kommen, sehen wir, dass wir keinen Redakteur haben. Und das ist, weil ich ein Bild namens Assets Images Profil, dass PNG. Also, wenn Sie gehen zurück auf den SRC und sitzt Bilder, Sie können sehen, ich habe diesen Anbieter, die Engine, die in der Zukunft verwendet werden kann. Eine letzte Sache, die wir beheben werden, ist die Größe aus. Dies ist wahrscheinlich zu groß, also möchte ich O Bezirk US 200 Pixel auf einem effektiven Excel installiert. So gehen wir die Kontaktliste html auf. Wir haben Sie hier so etwas wie 1 50 Pixel. Lassen Sie uns das Schlepptau 100 Pixel reduzieren und das sollte in Ordnung sein. Eine letzte Sache ist, dass dieses nicht wie ein anklickbares Symbol aussieht, aber es ist erklärbar wegen aller Rotorlinker. Wir können hier ein bisschen Stil hinzufügen, so dass Sie sagen können, Stil entspricht Zehe Konzert Doppelpunkt Zeiger, und das macht es wie ein anklickbares Symbol aussehen. Sie können sehen, dass ich eine Fingerspitze bekomme, damit ich auf diese Person nehmen kann, wenn ich die Details der gleichen Sachebekomme der gleichen Sache 27. Einen Kontakt löschen: Nein, die Rechnung sah, wie das Routing funktioniert auf Wie können wir zwischen verschiedenen Komponenten wechseln, indem wir eine Route Hurling verwenden? Werfen wir einen Blick auf eine weitere Funktion waren programmgesteuert können wir auch zu einer anderen Ansicht navigieren . Zum Beispiel, wenn ich diese Person nehme und ich die D-Tage bekomme, ist das, was wir bieten wollen. Ein Löschen, das hier eingefügt wird. Onda. Wenn ich auf das Dorf klicke, möchte ich gefragt werden. du sicher, dass du das glauben willst? Und wenn die Antwort ja ist, sollte ich das löschen. Aber da die Daten gelöscht werden, möchte ich nicht hier sein. Aber stattdessen möchte ich zurück zu der Kontaktliste gehen, wo ich sehen kann, sind mehr Menschen löschen . Ich kann auch hier selbst einen Deal Adoption anbieten, damit ich auf diese Weise treten kann. Und das gleiche sollte natürlich passieren, in diesem Fall habe ich keine für die Umleitung Toe passieren. Aber zuerst, lassen Sie uns sehen, dass wir einen Lösch-Button von hier zur Verfügung stellen können, um das zu tun. Lassen Sie uns zu den Kontaktdetails Component Command V oder Steuerung gehen, werden Kontaktdaten. Ja, wir werden hier eine Löschfunktion zur Verfügung stellen. Also, das sind Feiertage. Kontakt löschen Onda. Was auch immer der Kontakt, der gerade angezeigt wird, die Leute nehmen, um das Gleiche zu tun. Jetzt vierziger Jahre. Wir wollen es aus diesen Gehältern mit den Verzerrungen unserer Neustart löschen Kontakt machen. Und das braucht eine Idee. Der Umfang wird so diese Kontakte liefern. Ich werde es so sein, wenn sie anfangen, unsere i. D. Onda zu kontaktieren D. . Diese Retton ist ein beobachtbares auf, wenn das Abonnement abgeschlossen ist. Wir möchten etwas tun, so dass die aktuelle Ansicht wird auf eine andere Ansicht in der Route platziert oder spät aus. Dies kann durch die Verwendung eines anderen Dienstes erfolgen, wahrscheinlich besser nach Madi und dies wird als Router bezeichnet. Also werden wir hier eine Variable fünf sie um ihren ganzen Typ herum bereitstellen. Und das ist wichtig, hier und jetzt hat diese Variable Zugriff auf Ihre Funktion namens navigieren innerhalb verzerrten Router Navigieren Sie nicht. Wir müssen einen Tag frei liefern alle Teile in unserem bekommen es sehr einfach mit einer Kontaktliste . Das ist, wo wir gerne weiter geben gehen dies nimmt jede Straße para Mitte. Wir hätten das als einige Variablen hier liefern können, sowie das einzige, was wir jetzt tun müssen, ist, einen Teil für Platz zur Verfügung zu stellen. Lassen Sie uns zum Extrem gehen und entsprechend dieser wahrscheinlich weg in Richtung irgendwo hier kann ich für $10 Median BT in Gefahr sehen. Da es sich um eine Löschtaste handelt, kann ich auch hören, dass ein Klick-Ereignishandler gleich Zehe Löschkontaktfunktion ist. Eine letzte Sache, die wir hier zur Verfügung stellen wollen, ist die Zehe. Fragen Sie den Benutzer. Sind Sie sicher, dass Sie löschen möchten? Und wir sagen hier mit, wenn nicht konform? Bestätigt durch die Art und Weise, ist eine Fensterfunktion, so dass wir sehen können, dass Sie schreien auf? Wenn der Benutzer nein sagt, werden wir einfach von diesem bestimmten Ort zurückkehren. Wenn sie ihre sagt Ja benutzen, wird das gehen. Wenn sie das benutzen, gibt es nicht, dass es nur von hier selbst zurückkehrt. Also hat es das gerettet. Gehen Sie zurück zum Browser. Jetzt haben wir einen Knopf zum Dorf. Also, wenn ich darauf klicke, wird es mich fragen, Bist du sicher? Ich sage „Abbrechen“. Ich bleibe zurück. Wenn ich sage Dorf und ich sage OK, jetzt können Sie sehen, dass es gelöscht auf. Ich bin auch navigiert Zehe Kontaktliste 28. Template-gesteuerte vs. modellierte, Formen Template-driven Template-driven: in den Anwendungen. Benutzereingaben werden von Alphonse behandelt. Eine Farm ist eine logische Gruppierung von Eingabeelementen wie Textfelder, Optionsfelder, Kontrollkästchen auf sup, Wichtigkeit und so weiter. Winkelperverse, zwei verschiedene Ansätze zur Handhabung von Benutzereingaben durch Formulare, reaktive und Vorlagen. Beide können Sie ihre Eingaben aus der Ansicht erfassen, die Benutzereingabe bisher Modell auf Datenmodell validieren, gekrönt und jede Spur Änderungen bereitstellen. Allerdings sind beide ein Protestprozess und verwalten die Formulardaten unterschiedlich und bieten unterschiedliche Vorteile. Im Allgemeinen sind reaktive Formen robuster. Sie sind skalierbarer, wiederverwendbarer und testbarer. Wenn Formulare ein Hüter Ihrer Anwendung sind oder Sie bereits reaktive Muster zum Erstellen Ihrer Anwendungen verwenden , verwenden Sie reaktive Formulare. Einzelne Formulare, auf der anderen Seite, sind nützlich, um ein einfaches Formular zu einer App hinzuzufügen, wie ein Benutzerregistrierungsformular, das leicht zu einem anderen, aber sie skalieren nicht wie wirklich zwei Formulare. Wenn Sie eine grundlegende Form, Anforderungen und Logik, die vollständig in der Vorlage verwaltet werden können. Die Nachrichten Templer zwei informiert 29. Arbeiten mit einem vorbei -getriebenen Formular zum Hinzufügen von neuen Kontakten: Also unsere Anwendung Jetzt diese Stelle eine Liste von Kontakten oder ich kann auf einen bestimmten Ansprechpartner zu Ihnen klicken . Die Details sind Wenn ich löschen möchte, kann ich auf das Löschen klicken. Ich bekomme ein Pop-up. Ich kann sagen, OK, abgesagt zu werden. Zehe Bleib zurück. Angenommen, wenn Sie ein neues Verhalten hinzufügen möchten, dann müssen wir mit Formularen arbeiten. Ein ringförmiger begann mit Formen auf zwei Arten zu arbeiten. Eines wird vorlagengesteuerte Formulare genannt. Ein anderer wird reaktive Formen genannt. In diesem speziellen Video werden wir mit Vorlage arbeiten, um zu informieren. Zuerst lassen Sie uns eine neue Komponente haben und einen Lehrer gegossen, so dass ich HTML-Formular voran bekommen kann, um einen neuen Kontakt hinzuzufügen . Also gehe ich zur Eingabeaufforderung. Stellen Sie sicher, dass ich im Arbeitsverzeichnis bin. Sind das n g erzeugte Komponente Computer Schrägstrich Kontakt. Wenn Sie keinen Zeh wollen, haben Sie die Erwartung. Mit dieser Technik war Toe Falls Onda. Wir können es bis die vor Grafiken und andere neue Grafiken wie That ist Perfect entspricht Toe BB für Telefonbuch. Andere Karrieren drei Dateien ein CSS und HTML auf einem T s Kampf auf so hat es aktualisiert sind mehr Aufgaben. Also lassen Sie uns zum Kern gehen und öffnen Sie die SRC-App-Komponenten, und wir haben Ihre Ehre unser Verhalten Komponente seinen Dämon zu führen. Also, wenn Sie unser Kontaktformular Toe hier erscheinen wollen, werden wir wahrscheinlich eine Sidebar-Taste. Lassen Sie uns in den Zustand unserer Ergänzung jeder zum Jemen gehen. Kopieren Sie diesen Link basiert es, der etwas Bein weht, das Kontakt mit der Öffentlichkeit über das neue Verhalten ist. Also bekommen wir den Knopf hier. Aber natürlich, wenn ich darauf klicke, erhalten wir einen Redakteur, der sagt, dass ich Kontakt ist keine Wertroute. Also müssen wir zu unseren modernen Ideen gehen. Wir müssen eine neue Route definieren, so dass, wenn aber ich, der Kontakt ist Begegnung. Eine neue Komponente, die unsere Verhaltenskomponente genannt wird, wird auf dem Dämon Paige platziert. Wenn Sie hier jetzt gehen und es ist sehr frisch, wenn ich auf diesen unseren neuen Kontakt klicke, sehen Sie, dass wir HTML-Seite hier bekommen. Natürlich, um dies als gültiges HTML zu machen, lassen Sie uns gehen und in eine reiche menschliche Form. Also geh zu diesem. Holen Sie sich diese Geschichte und Ihren Kontakt. Lassen Sie uns ein einfaches HTML-Formular setzen. Ich werde ihre Form Punktform verwenden. Das wird unsere Bootstrap-CSS-Klasse sein. Wir brauchen hier keine Aktion, weil wir nicht einreichen. In diesem Jahr s sind über 30 Quelle, aber wir möchten ein Etikett haben und es nimmt teil für jede der Eigenschaften. Lassen Sie uns einen Deal mit Formulargruppen haben und dann aus Label plus auf Eingabe mit Formular-Steuerelement bestehen. Als Klasse wird die Beschriftung Vornamen haben, da die Beschriftung auf dem Eingabetextfeld für den Vornamen sein soll . Der Schauspieler gute Form sollte der Idee dieses bestimmten Eingabefeld entsprechen, so dass ich Ihnen Vornamen geben kann . Ich habe keine Ahnung. Geben wir ihm eine ID gleich zwei zuerst mir. Nun, der Zweck dahinter ist, wenn ich zu seiner weiblichen Form zurückgehe. Sehen Sie, ich kann auf dieses Etikett klicken. Der Cursor erscheint hier. Also bekomme ich, wenn ich das nicht für speichern. Gehen Sie hier zurück und Sie können sehen, dass ich darauf klicken kann, aber nichts ist passiert. Es überträgt nicht die Kontrolle hier. Also, indem Sie ein vier gleich toe zuerst mich hinzufügen, Sie klicken auf dieses Label wird den Fokus auf diese spezielle Lehrbücher bringen es unter einem gegeben ist . Also bin ich nein, mach etwas Platz mehr. Hier, machen Sie eine Kopie von diesem für den Nachnamen. Das wird ein Label namens Nachname. Andi sollte mit dem übereinstimmen, was auch immer das hier ist. Und wir haben zwei Textfelder. Vor- und Nachname. Nun, der nächste wäre wahrscheinlich das Geschlecht. Also werde ich das auf Pieced kopieren. Aber dieses Mal möchte ich eine wirklich würde. Das wird also ein guter Input sein. Denn zum Video müssen wir einen gemeinsamen Namen für beide geben, der als Geschlecht gegeben wird. Dies ist nicht wirklich erforderlich i d. Das ist nicht erforderlich. Ich kann es hochkriegen. Dieser 80 Aspirin Wert entspricht Schule gemacht. Andi, ich kann hier sagen, Etikett geben Sie Ihre Hauptschrägarbeit auf die gleiche Sache. Ich werde Kaffeebasis einen anderen wirklich machen? Mit dem gleichen Namen. Der Wert wäre weiblich. Und natürlich wäre die Beschriftung, die angezeigt werden soll, auch weiblich. Also, wenn ich das speichere und zurückgehe, solltest du sehen, dass es einen wirklich Knopf gibt, der männlich oder weiblich sagt. Also klicke ich auf das, was ausgewählt ist. Ich klicke auf diese, eine weitere wirklich Schaltfläche ausgewählt. Lassen Sie mich also das Formular ausfüllen, indem Sie für jede der Kontaktdaten einen gesetzten Schrägstrich hinzufügen. Also nein, ich habe ein Feld für jeden von ihnen hinzugefügt und es hatte ein U-Boot Großbritannien, unter dem Bild so gut auf Ihrem bei einem der Median bt und primäre. Ich rufe uns bald an. So haben wir eine wichtige Zehe an als Winkelform eine lose die Formelemente, die später mit Modell assoziiert werden . Zum Beispiel, wenn ich eine Variable namens Vorname hier habe, kann ich diesen Vornamen mit diesen speziellen Lehrbüchern verknüpfen. Jetzt kann dies getan werden entweder eine waren verbindlich oder zwei waren von mir. Wonder Biegen ist, wo wir einfach gehen und sagen können, dass Wert gleich Fuß etwas ist. Zum Beispiel, wenn ich hier sage, Vorname off spring entspricht toe, die Sie nicht tun Und wenn ich möchte, dass dieser Wert mit diesem Textfeld verknüpft wird, kann ich immer hierher kommen und sagen, Wert entspricht dem Vornamen aus dem Kurs. Wenn dies ein Ausdruck ist, kann dies auf zwei Arten angegeben werden, entweder mit einer doppelten geschweiften Klammer. Oder ich kann einfach sagen, dass dies ein Ausdruck ist, indem ich eine eckige Klammer hinzufüge. Wenn Sie jetzt zum Browser zurückkehren, können Sie sehen, dass der Vorname auf den Fuß geändert wird. Wir wissen es, weil der Wert von hier kommt. Aber wenn ich später sehen möchte, was der Wert aus dem Modell ist, wenn ich die Änderungen an dem Textfeld vornehme, das in einem Absatz geht, wo ich einen doppelten geschweiften Vornamen verwende , der der moderne Leser ist, wenn Sie hierher zurückgehen und dann überprüfen Sie es hier zeigt, wir wissen, dass das von der tatsächlichen modernen kommt. So ist auch dieser hier. Aber es dazwischen zu sagen: Komm schon, Komm schon, das ist unverändert. Das liegt daran, dass es ein Treffen ist, das erinnert. Der Wert der modernen Daten wurde in einem Einwegstil zugeordnet. Wenn Sie also die Änderungen im Textfeld vornehmen, wird dies nicht im tatsächlichen Modell widergespiegelt. Um dies zu tun, können wir eine Motor modern genannt hinzufügen. Die Art und Weise, wie Sie angeben können, ist Sie. Können Sie das quadrierte Wrack, weil ein Ausdruck und es ist auch mit ihrem on key up Ereignis verbunden . Also werden wir reines N-G-Modell sterben und dann die Variable zugewiesen, was Vertrauen Sie mir, das verursacht ein Problem, wie Sie sehen können, dass es mir bereits eine andere zeigt. Motormodell kann nicht direkt so verwendet werden. Es hat etwas hübsches dabei. Wenn Sie also zum Browser zurückkehren, können Sie das auf der Konsole sehen. Ich muss ein paar andere besorgen. Und der Grund dafür ist, wenn Sie Motormodell verwenden möchten, müssen Sie mit einem anderen Modell arbeiten. Caldas bildet Modell. Also haben wir unser Modell ts bekommen und dann zuerst sagen wir Import von bei eckigen Schrägschrägformen und was wir importieren möchten, ist etwas, was unsere Formulare modern und dieses Formularmodul muss zu unserem Importabschnitt hinzugefügt werden . Gehen wir es hier rüber, und das ist der erste Schritt. Der zweite Schritt ist, wenn Sie das Motormodell verwenden, muss dieses bestimmte Feld den Namen der Eigenschaft haben. Es kann sich um einen beliebigen Wert handeln, aber regional den gleichen Namen wie der moderne Name anzeigen. Also, angesichts ihres Vornamens und ich gehe zurück zum Browser, sollten Sie sehen, dass es den Wert zeigt, den wir kennen, kommt von der Moderne. Das Gleiche kommt hier rüber. Aber wenn ich anfange, sollten Sie sehen, dass es sich auch in diesem ändert, weil jetzt das Textfeld es mit dem Modern in einem Zwei-Wege-Bindungsstil assoziiert wird. Wenn also Änderungen an der Zehe auftreten, können Sie sehen, dass das Modell auch geändert wird. Nun, was wir tun werden, ist, dass wir das Gleiche für jedes Mal wiederholen müssen. Aber anstatt eine Variable für jedes von den Mitgliedern zu deklarieren, kann ich ebenso gut gelöscht, verfügbar aus Vertragsart und initialisiert diesen Startkontakt geht es um den neuen Vertrag. Gehen wir zurück hierher und sagen, dass das Modell entspricht dem Kontraktpunkt Vorname auf. Das liegt daran, dass die modernen Daten dies eine Eigenschaft davon jetzt ist. So können wir jetzt hier Namen gleich toe geben. Nachname N g Modell gleich zwei Verhalten Punkt im vergangenen Jahr und ebenso möchte ich auch für diese geben . Jetzt weiß ich, dass dies das Optionsfeld ist. Wir haben bereits seit Tagen eine Namenseigenschaft gegeben. Alles, was wir tun müssen, ist, einen n g Mord zu assoziieren, gleich dem Geschlecht für beide. Also werde ich das auch hier drüben beschleunigen. Hier wird das Geschlecht sein und die Orte setzen, die Sie kennen, da der Standardwert für Kontakt unser Geschlecht männlich ist. Wenn ich es speichere und wenn ich zurück zum Browser gehe, sollte ich sehen, dass Mail bereits ausgewählt ist. Natürlich, wenn ich dieses Weibchen als die Modelle wähle, änderten sich die Geschlechterergebnisse zu weiblich. Lassen Sie mich nun dasselbe für jedes dieser Textfelder. Und eine letzte Sache ist, dass dir sagt, du es zuerst rauskriegst, weil wir keins von ihnen haben. Aber stattdessen können wir Kontakt anzeigen. Aber das ist ein Objekt, das Sie in einer Jason-Form gezeigt haben. Lasst uns einfach mit Jason Zeh kämpfen. Sehen Sie den Inhalt aus, dass sie zum Bruder zurückkehren und sehen Sie sich das an. Es zeigt ein leeres Kontaktobjekt an, das standardmäßig ein Geschlecht und ein Bild aufweist. Aber wenn ich beginne, in den anderen Details hinzuzufügen, können Sie sehen, dass es fügte mich gezwungen. Nachname Geschlecht ist bereits da. Also nehme ich hier. Wir wissen, dass Sie Burke mit einer E-Mail kennen, und das wurde hinzugefügt und so weiter und so weiter. Überprüfen Sie einfach, dass durch Hinzufügen jedes der Felder So können Sie jetzt sehen, dass das Datenobjekt besteht aus den Werten aus dem Textfeld auf, die wir jetzt tun müssen, ist toe schreiben eine Funktion , die die sind Funktionalität handhaben kann. Um das zu tun, gehen wir zurück zum Kern. Wir haben die Anzeigenkontakt-Komponente DS. Es ist klar, dass eine Funktion bei Kontakt Onda aufgerufen wird. Wir haben dieses Kontaktobjekt, das wir über bestehende Repository hinzufügen möchten. Um dies zu tun, werden wir den Dienst injizieren, der ausländische Bücher Arterien ist. Sobald wir den Service bekommen haben, können wir hier sehen, dass dieser Start Service beginnt unseren neuen Kontakt. Es braucht ein Kontaktobjekt, was nichts ist, aber das hat Kontakt mit dem Rückgabebauch. Unser neuer Kontakt ist ein beobachtbarer und wird abonniert werden, um einen Rückruf zu liefern und der Rückruf erhält das Identitätskontaktobjekt und wir können sagen, was wir damit tun wollen. Also vielleicht temporär kann ich nur zeigen, die Idee aus, dass auf der Konsole durch Rohrleitung konsularisches Recht und Sie Kontakt mit Ivy plus Auftragnehmer i d. Nun, nach dem Hinzufügen könnte ich interessiert sein Zehe Gehen Sie auf die Seite, die zeigt die Details an. Also, für die wir vielleicht einen weiteren Service dieser Zeit Rotor Service verwenden wollen, off Typ namens Shelter. Und wenn Sie diesen Rotor haben, können wir jetzt sagen, dass dieser Anlasser nicht navigiert. Und dann liefern wir den Teil, wo wir wollen, auf der Partykarte. Kontaktdaten zusammen mit der neu generierten Idee, die Kontakt ist, dass ich d. Und sie sollten die Kontrollspitze nehmen. Die Kontaktdetailseite, die die Details anzeigt. Ansprechpartner. Also habe ich das gespeichert und diese Funktion beim Klick von diesem bestimmten Partner aufgerufen. Also lasst uns auf die Schaltfläche gehen. Das Click-Ereignis. Er zitiert die Funktion, füge Verhalten hinzu. Also sage ich das, um zum Browser zurückzukehren. Ich höre, meine Füße ist und wie die Abberton auf einmal wir bei diesem sollten wir sehen, dass die Details wurden erfolgreich in die Presse hinzugefügt 10 Punkt 30. Berechnen von Benutzerdaten in einem vorab: so mit Hilfe des Verhaltensformulars, konnten wir eine neue Kontaktdaten hinzufügen. Andi, gehen wir wieder da rüber. Also für die Sache ist, lassen Sie uns von diesem Teil, der im HTML angegeben ist. Also haben wir das bei Jason, also brauchen wir das nicht. Gehen wir zurück und sehen, dass das direkt unter dem Nexus. Nein. Aber eine Sache ist, dass ich ohne Eingabe von Vornamen, Nachnamen, E-Mail oder Telefonnummer immer noch in der Lage bin, einen neuen Vertrag hinzuzufügen. Und das kommt mit einer neuen Idee. Außerdem gibt es keinen Nachnamen des Vornamens. Keine dieser Details existiert. Natürlich wollen wir nicht, dass solche Details akzeptiert werden. Lassen Sie uns dies löschen und sehen, wie dies gehandhabt werden kann. Im Anzeigeverhaltensformular ist zunächst Folgendes Wenn die Mindestfelder nicht ertragen werden, möchte ich nicht, dass diese Person überhaupt aktiviert wird, sodass Benutzer das nicht versehentlich annehmen können. Plus, nehmen wir an, dass der Vorname mindestens obligatorisch ist, dass drei Buchstaben vorhanden sein müssen und maximal 15 Buchstaben. In ähnlicher Weise möchte ich Ah, Einschränkung, dass E-Mail eine obligatorische Feld-Telefonnummer ist, muss Ender sein, und es muss eine 10-stellige numerische gut sein und so weiter und so weiter. Also, wenn ich solche Validierungen bereitstellen möchte, wie haben wir das gemacht? Um zu verstehen, wie die Form Medikament euston First, lassen Sie uns einen Blick auf die Dokumentation. Also goto eckigen Punkt io, der Docks Fundamentals Formen auf. Sie können sehen, dass es etwas gibt, das Form Brandish genannt wird. Und sie haben hier erklärt, wie die Telefon-Validierung in beiden Templin als weniger reaktive Formen durchgeführt wird . Aber wenn er hier aufgerissen hat Also im Grunde, was sie hier sagen, ist, dass Sie eine Variable definieren müssen , die hier die Template-Variable ist. Hash-Name. Du kannst hier alles geben. Zum Beispiel in unserem Fall könnte dies in unserem FallHash-Vorname sein und entspricht der Engine Mehr. Nun mit diesem, was passiert, dass eckig erzeugt ein Objekt, das dem Feld entspricht. Wir können darauf zugreifen, indem wir diesen bestimmten Hash-Namen verwenden, zum Beispiel dort. Da hier etwas wie, wenn der Name entspricht dem Motormodell, als Sie sagen können, sind ungültig oder benannt sind schmutzig etcetera. Also schauen wir uns das an. So kann das gemacht werden. Also das erste, was wir tun wollen, ist Tow Goto, eines der Felder Hash ersten Mittelwert entspricht dem Energiemodell, das auch ein paar andere grundlegende Validierungen sind . Zum Beispiel kann ich sagen, dass dieses Feld eine Pflichtfüße ist. Festland entspricht in ausgezeichneter gleich zu behandeln 15 zum Beispiel Steve es auf. Wenn Sie zum Browser zurückkehren, sehen wir die Farm. Lassen Sie uns gehen und werfen einen Blick auf dieses spezielle Feld. Also wähle ich dieses Muster hier aus und wähle dann meinen Vornamen Feed auf. Wenn ich dies auswähle, bekomme ich das tatsächlich generierte Eingabeelement. Während wir hier einige Attribute wie Typ Klasse Islay Editor gegeben haben, können Sie sehen, dass es auch eine zusätzliche Attribute gibt, einer von ihnen ist die Klasse. Natürlich haben wir die Klasse gegeben, aber Sie können sehen, dass wir nur landwirtschaftliche Kontrolle gegeben haben. Aber jetzt haben wir zusätzliche Engy unberührte Engy unberührte N G ungültige diese CSS-Klassen werden basierend auf der Bühne von diesen speziellen Extrakten hinzugefügt. Da wir gesagt haben, dass dieses Lehrbuch Schwellung erforderlich ist, haben wir nicht eingegeben. Es sagt hier, dass es ungültig ist und dieser Klassenname angewendet wurde. Ähnlich ist der unberührte CSS-Nachname der Engine ein Spiel, weil wir keine Änderungen daran vorgenommen haben. dem Moment, in dem ich einige Änderungen daran vornehme und selbst wenn ich es wieder in seinen ursprünglichen Zustand bringe, wird es nicht mehr als makellos angesehen. Aber es wird als schmutzig angesehen werden. Zum Beispiel, wenn ich gehe und ich fürchte X auf, dann ist es, dass Sie sehen können, dass jetzt der CSS-Klassenname hier sagt, dass Formular-Steuerelement was wir ihm gegeben haben, sagt Engy ungültig, weil es keinen Wert darin gibt. Es sagt jetzt NJ schmutzig statt n g unberührte Ähnlich, es waas früher Engy unberührt. Jetzt ist es Motor berührt und dies wäre nützlich für mobile Geräte. So werden die Engy ungültigen CSS Daten aber automatisch entfernt, sobald ein die Feldanforderungen erfüllt. Zum Beispiel, wenn ich hier tippe, wir wissen, wie Sie sehen können, dass ich dafür gesorgt habe, dass die Werte eingegeben so erforderlich genommen wird , aufstehen haben auch fünf Buchstaben eingegeben, So Festland Eigenschaft wurde auch genommen. Steigen Sie aus, denn ursprünglich, wenn Sie den CSS-Klassennamen sehen, ist es Ihr Engy geschätzt. Natürlich, wenn ich diese hintere Zehe bringe, sagen Sie zwei Buchstaben, die Sie sehen können, jetzt ist es n g ungültig, weil es jetzt nicht die Feldanforderung erfüllt . Dies ist also eine CSS-Klasse, die uns hilft zu verstehen, was der Zustand von diesem speziellen Feld ist Jetzt, zusammen mit den CSS-Klassennamen wie hier, haben wir auch Eigenschaften, so dass wir diese Eigenschaften wie unberührte, gültiger ungültiger Editor aus einem bestimmten Feld, um meins davon abzuschrecken, ob eine Fehlermeldung angezeigt werden soll. Hier sind nicht auch bemerken, dass die zusätzlichen Dollar hier Teil eines Formulars ist. Und wenn Sie hier zum Formularelement gehen, können Sie sehen, dass das Formular auch als ungültig angesehen wird, sobald sie aussagekräftige Informationen eingeben. Hier können Sie sehen, dass das Formular selbst jetzt als Wert betrachtet. Natürlich, wenn ich aktualisiere, befindet sich das Formular jetzt im makellosen Zustand, so dass Sie wieder zum Formular zurückkehren können. Sie können sehen, dass sich ein Formular im makellosen Zustand befindet und ungültig ist, da eines der Textfelder ungültig ist, oder? So können wir nun diese Eigenschaft nutzen und sagen, dass diese Wharton deaktiviert werden die Farbe toe rot eso geändert wird, wenn das Formular ungültig ist. Also, wie machen wir das? Schauen wir uns das zuerst an. Also, jetzt, da ich Ihre Grundvoraussetzung hier gegeben habe, erforderlich Festland und Maximum lassen Sie uns auf die Schaltfläche gehen und wir werden ein behindertes Eigentum hier drüben sein. Wenn das Formular ungültig ist, Das erste, was ist, dass wir Hash einen Formularnamen geben mussten, der uns genannt wird F eins gleich tow N G Form. Sobald wir das jetzt geben, können wir auf das gesamte Formular auf dem Bauernhof zugreifen mit diesem F ein, so dass ich zu meinem Partner kommen kann und ich diese behinderte tatsächlich Route einhalten kann. Nicht, dass die gerade Aufzeichnung anzeigt, was wir aufsteigen, ist ein Ausdruck. Also kann ich sagen, ein Formularpunkt ungültig. So Esel in einem ernsten. Und wenn Sie zurück auf den Platz gehen, können Sie sehen, dass das Formular in einem ungültigen Zustand ist. Auf habe ich die Schaltfläche deaktiviert, damit ich jetzt darauf klicken kann. Richtig? Wenn ich also auf die Schaltfläche komme, können Sie sehen, dass das deaktivierte Attribut hier hinzugefügt wurde. Natürlich, wenn ich hier einen Vornamen tippe, lasst uns hier geben wir nicht. Wenn ich jetzt herunterkomme, können wir sehen, dass das Muster aktiviert ist, sollte ich in der Lage sein, einen neuen Kontakt mit nur dem Vornamen hinzuzufügen . Wir können auch die Farbe ändern, indem Sie diese bestimmte Eigenschaft ändern. Nicht, dass dies hier eine Zeichenfolge ist, und wir können diese primäre mit Gefahr in gated ersetzen, die Bauern ungültig. Also, wie machen wir das? Lass uns für eine Minute runter gehen und wir setzen eine doppelte lockige Klammerspitze. Geben Sie an, dass Sie einen Ausdruck mit dem F einen Punkt ungültig setzen. Ist das wahr? Also kann ich ein Fragezeichen setzen, wenn es mit auf eine Gefahr eingeladen wird, und sonst werde ich hier sagen , dass es privat ist. Da das Formular anfänglich ungültig ist, wird es Bt in Bargefahr sein. Sobald ich einige Werte in die Lehrbücher eingegeben habe, werden Sie sehen, dass dies zu BT und Dash Primary wird. Also gehen wir zurück zum Browser auf das Formular ist bereits geteilt und Sie können am unteren Rand sehen . Die Schaltfläche ist deaktiviert und es ist in roter Farbe. Wie bei anderen Typen und Namen wie der Notiz, können Sie sehen, dass wir jetzt die blaue Farbschaltfläche haben, die auch ein Nachbar auf den gleichen Zeilen ist. Lassen Sie uns auch ein paar andere Verstöße. Zum Beispiel möchte ich auch, dass die E-Mail obligatorisch ist, damit ich Ihren Hash eingeben kann. E-Mail entspricht zwei n g. Modern und dann kann ich es ruhig sehen. Also sind Sie ein paar Dinge wie Hash-Telefon P gleich zwei N g. Modern. Dies ist erforderlich, weil wir es mit kontaktiert zu tun haben. Es ist gleich. Zehenschrägstrich de vierstellig. Dies ist der typische reguläre Ausdruck, aber ich möchte auch ein Minimum von Ausschreibungszahlen und ein Maximum von 12 Ziffern zu dieser bestimmten Telefonnummer sagen . Also lasst uns das retten. Andi, geh zurück zum Frozen. Wir werden sehen, dass die Bauern im behinderten Zustand, der unter Vornamen geht, ich bin Sie sehen können, dass es immer noch behindert ist. Diese Center-E-Mail, die am Beispiel dot com so sagte, aber es ist immer noch deaktiviert. Telefonnummer I unter einigen Nummern. Jetzt können wir sehen, dass es immer noch deaktiviert ist, aber sobald sie die 10 zum Richter eingeben, können Sie sagen, dass es jetzt aktiviert ist. Aber wenn ich 11 eintrete, ist es immer noch okay, 12. Es ist in Ordnung, aber 30 Buchstaben nicht in Ordnung, So werden Sie in der Lage sein, bestimmte Muster auch in Ihren Validierungen zu verwenden. Also, jetzt, da wir aktiviert oder deaktiviert haben, Aber basierend auf der Validierung, müssen wir auch dem Benutzer sagen, warum diese spezielle Schaltfläche deaktiviert ist, falls Sie einige Fehler machen, wie zum Beispiel, habe ich die Vorname, sollte es mir hier sagen, dass der Vorname vorgeschrieben ist. Also gehen wir zurück zu unserem Kern hinzufügen ein paar Tage, um andere Nachrichten anzuzeigen. Nun wäre die Nummer eins Fehlermeldung, dass das Vornamenfeld obligatorisch ist, und das sollte nur angezeigt werden, wenn der Benutzer noch nichts eingegeben hat. Die zweite 1 wäre Milland gleich Zehe drei. Das bedeutet, dass wir dem Benutzer sagen müssen, dass ein minimaler Fühler tut, müssen Sie Zeile und dass ich nicht gehen. Der Benutzer hat dies noch nicht getan. Und natürlich, die 3. 1 Wir brauchen nicht zu respektieren, denn wenn Sie eine Max Land Eigenschaft haben, die Browses erlauben Sie nicht mehr als 15 Zeichen eingeben überhaupt. Das wird also ein paar Deals hinzufügen. Also habe ich einen Eltern-Deal an Tag zwei Kinder-Deals vorwärts hier. Die 1. 1 würde wahrscheinlich sagen, dass erzwungen bedeuten, dass diese auf obligatorisch auf der zweiten Fehlermeldung erforderlich wären, um so bitte geben Sie drei Buchstaben für den Vornamen in Großbuchstaben ein. Ich sehe das. Gehen Sie zurück zum Browser und Sie werden sehen, dass wir diese beiden anderen Nachrichten nicht angezeigt haben. So können wir auch etwas Styling hinzufügen, wie zum Beispiel, es muss in ein wenig roter Farbe sein. Es muss auch etwas kleiner sein als der Rest der Etiketten. Man kann sagen, dass es kursiv sein muss, um das zu tun. Wir haben Odysseus diese Klasse. Lassen Sie uns dies als eine Klasse für ER von Kunststoff-Kostüm nennen. Jara. Und wir haben diese spezielle CSS-Klasse nicht. Also lasst uns eins hinzufügen. Also werde ich öffnen, dass CSS fein entsprechende Zehe Kontaktkomponente sind. CIA sagt, dass sie dachten, ER, die eine neue Klasse schafft, hat Farbe Angebot es fremd blieb gegeben. Geben wir kursiv an. Wir wollen die Spaßgröße auf rund 80% Rabatt auf seine ursprünglichen spart 800.8 p. M. Also, wenn ich diese speichern und wenn Sie zurück zum Browser gehen, sollte ich sehen, dass die anderen Nachrichten wie erwartet sind. Das einzige, was wir nicht wollen, ist, dass wir den Benutzer nicht erschrecken wollen, indem wir die ganze Schwangerschaft anzeigen . Justin Edwards. Was wir also tun wollen, ist, dass wir sicherstellen müssen, dass der Benutzer begonnen hat, den Vornamen einzugeben , und dann hat er nicht genug eingegeben. Charaktere sind, wenn er alles entscheidet und löscht, ist der Vorname erforderlich. Ademas angezeigt. Also, um das zu tun, ist das in einem if-Zustand hier drüben. Also werden wir eine Direktive hinzufügen. Spalte N g Geben gleich Zehe. Wir sagen, dass der Vorname , der diese bestimmte Variable ist, schmutzig ist, da der Nachname eingeladen wird. Also zeig das nur, wenn es schmutzig ist. Das bedeutet, dass in den nächsten etwas geändert wurde und es ungültig ist. Wenn ich hierher zurückgehe,wirst du sehen, dass es nicht sofort störend ist, weil es in einem unberührten Zustand ist. Wenn ich hierher zurückgehe, Und wenn ich hier so etwas tippe und Sie können sehen, jetzt kommt es, sobald eine Windel gültiger Wert, Sie werden sehen, dass die Elemente verschwunden sind, weil wir sicherstellen, dass es nur angezeigt wird , wenn es ungültig ist. Und natürlich, wenn ich einen Fehler mache, werden Sie sehen, dass beide auf der gleichen Logik erscheinen. können wir auch. Wenn die Bedingungen hier drüben zum Beispiel, kann ich sagen, Star Angie, wenn wir noch gezwungen sind, verlassen, werden nicht Fehler zuerst genannt, verhaftet, ein Objekt, das auf den anderen repräsentiert. Wenn sie existieren, werde ich sagen, wenn einer der anderen Chor genannt wird, dann wollen wir, dass das angezeigt wird. Also sagen wir, dass sicher, diese bestimmte Nachricht nur, wenn die Fehlersammlung erforderlich enthält. Das Gleiche, was wir für die nächste kopieren und einfügen, macht ein bisschen Änderungen. Im Grunde wollen wir sagen, dass dies nur angezeigt werden sollte, wenn die Festlandvalidierung fehlschlägt. Kopieren Sie das und basierend hier jetzt habe ich das gespeichert. Ich gehe zurück zum Browser, du wirst sehen, dass es keine andere Nachricht gibt. Sobald ich mit der Eingabe eines einzelnen Buchstabens beginne, können Sie sehen, dass es bitte unter mindestens drei Buchstaben für den Vornamen steht. Ich beende mehr als Bäume. Kein Problem jetzt, Also, wenn ich anfange, werden Sie sehen, dass die andere Nachricht weniger erscheint. Wenn es vollständig ist, werden Sie sehen, dass es ist. Vorname ist erforderlich. So können Sie angepasste Fehlermeldungen hinzufügen. Also lasst uns zurück gehen. Kopieren Sie diese beim Einfügen für E-Mail. So E-Mail hat nur eine Bewertung, die ist es erforderlich, einige Paste hier drüben und sagen, dass dies im Grunde E-Mail ist, ist dies E-Mail. Haben keine Fehler aufgerufen erforderlich wird, wird angezeigt, dass E-Mail-Adresse erforderlich ist? Wir haben nicht die Festland-Validierung dafür, also werden wir das aufstehen. Lassen Sie uns das Gleiche für vier kopieren. Nummer auf Telefonnummer hat diesmal zwei Höhen, so dass eine erforderlich ist. So einfach wie das. Also werde ich sagen, du bist, weil das für so Telefon schmutzig ist, da ein weniger Telefon ungültig ist, da ein letztes Telefon eine Editor-Score benötigt hat. Und natürlich sollte die Nachricht sagen, dass Telefonnummer erforderlich ist. Andi, ich werde das kopieren. Schmeckte Telefon hat einen Editor namens Pattern. Wir können Kunden Mrs. sagen, dass Bush angenehm. Vielleicht können Sie sagen, 10 bis 12 Ziffern für speichern Sie es auf. Gehen wir zurück zum Browser toe Vollständige Aktualisierung einmal. Andi, mal sehen, ob wir ein paar Bewertungsverstöße machen können. Also werde ich meinen Namen eingeben und umsonst. Aber wenn ich angefangen habe, gibt es einen Redakteur. Wenn ich das vollständig entferne, gibt es einen Fehler, der ähnlich hier geht. Ich weiß nicht wirklich über CO, kein Problem. Aber wenn ich anfange, vollständig zu erheben, werden Sie sehen, dass es sagt, dass die Militanten erforderlich sind. In ähnlicher Weise, wenn ich eine Telefonnummer habe, wenn ich sogar eine einzelne Ziffer tippe, sagt es, dass Ort Import 10 zu 12. Es ist für vier Nummer. Also fing ich an, einige zufällige Telefonnummern zu kleben. Jetzt Verschluss, dass an der 10-stelligen Sie sehen, dass die anderen Nachrichten weg. 11. Kein Problem. 12. Kein Problem. Aber beschütze die 13. 1 Du bekommst das, Ademas es wieder. Nun, wenn Sie es ist dies vollständig, werden Sie sehen, dass es immer noch für Zahlen erforderlich sagt. So sollten Sie in der Lage sein, benutzerdefinierte Validierungen für Ihr Formular hinzuzufügen, so dass ungültige Daten nicht in Ihre Datenbank eingegeben werden 31. Bearbeite eines Kontakts mit reaktiven Formularen: wissen, dass wir die Vorlage gesteuerte Formulare gesehen haben. Werfen wir einen Blick in reaktive Formen. Wirklich. Reformen basieren auf zwei Winkelklassen, die Form, Gruppen- und Formularsteuerung genannt werden, um zu verstehen, wie dies funktioniert. Zuerst lassen Sie uns eine setzen in hier für ein Meeting die Kontaktdaten der ausgewählten Person klicken , die mich zu einem Formular führt, das mit diesen speziellen Details vorinstalliert ist. Also zuerst, gehen wir aus dem Wasser. Also gehen wir zu den Kontaktdaten der SRC AB-Komponente und stattdessen, dass der HTML derzeit einen Löschknopf hat , der eine weitere Härte hatte. Davor ist das eine Schaltfläche mit Bt und Bt und Trash Primary als Klassennamen. Und dann hat es die Gumption bewegt. Das sollte mich nicht auf einen anderen Bildschirm bringen, und dies kann auf zwei Arten erreicht werden. Einer ist, indem man es früh ausnutzt. Die zweite geht programmgesteuert zu einer anderen Komponente. Lass uns rausfahren. Um zu gehen. Rolling ist ein Ausdruck, weil wir hier eine eckige Klammer geben und den Ausdruck sogar hinzufügen, dass ich nicht aus verschiedenen Teilen des Teils bestand. Der erste Teil wird der Schrägstrich Elite-Kampf sein, die eine feste auseinander, gefolgt von der Idee, die Benutzer auf die Idee, das zu verwenden, dass wir es wollten. Ist dies Kontakt unser i d. Lassen Sie uns Kontakt geben. Habe ich es nicht retten? Aber diese spezielle Definition gibt es nicht. Gehen wir zu unserem APP Model DS und im APP Modell DS. Wir haben eine Route für das Ding zu definieren, aber wir haben noch keinen kompetenten, also lassen Sie uns an einer Komponente weitermachen. Also gehen wir zu einer neuen Registerkarte, stellen Sie sicher, dass sie sich im Arbeitsverzeichnis befinden. Wir haben jede G generierte Komponente. Wir wollen im Komponenten-Ordner starten es Kontakt ist der Name der Komponente. Wir wollen heute keine Todesspezifikationen. Und dann wollen wir auch ein Präfix Auto. PB für wen Buch Dieses Geschlecht ist das CSS HTML auf DS-Dateien, die der Komponente entsprechen. Auch oben ist es der SRC Schrägstrich ab Slash AP Model DS im Deklarationsabschnitt. Gehen wir also zurück zur APP-Mehrheit. Ja, lassen Sie uns eine neue Routendefinition für alles hinzufügen. Der Kontakt ist ein Teil. Es kontaktieren, was für eine gegebene. Heidi. So ist eine Doppelpunktidee, die dies als eine Variable für die Komponente macht, die wir wollen. Der Herr. Welches ist es? Vertragskomponente Speichern Sie es jetzt. Wenn du zum Bruder zurückkehrst, solltest du sehen, dass es eine Schaltfläche zum Bearbeiten gibt, auf die es mich Zeh nehmen wird. Eine neue Komponente, die unter Kontakt steht, funktioniert jetzt, wenn diese Komponente geladen wird, wir möchten die Kontaktdaten für das entsprechende i d erhalten . Also gehen wir zurück auf die unterstützte Komponente zu Ja, und hier zuerst wollen wir Zehe erhalten ein paar Abhängigkeit ist Nummer eins wäre Zehe bekommen die aktivierte Route, so dass wir das raus bekommen können. Perimeter zweite ist die Form Buchdienste, durch die wir die entsprechenden Kontaktdaten senken können . Und es ist wahr, dass wir zuerst Hybrid nach redid Straße off Aktivität Hals gesagt. Was City Mädchen Private Studien Oh, für andere und am Ende, G drauf. Lassen Sie uns das Ladeteil machen. Also, wenn sie Aktivität beginnen, entwickeln sie sich in Richtung Adams, was ein beobachtbares ist, und wir abonnieren das, indem wir einen Callback übergeben, und das aufgerufene Reckless ist der Ari des Barons. Also die Firma Onda wir gerne mit dem i D arbeiten sagen wir, Sie sind besorgt über Firmen von Heidi Just Änderungen, die fähig waren, um Zugang zu den i d von der Schauspielerin Park. Also gehen wir zurück zum Eingefrorenen. Wenn diese Seite geladen ist, sollten Sie sehen, dass es Got the Ideenbaum sagt. Also, was ist die Idee, die vom Straßenrand kommt? Und jetzt, da wir die Idee haben, sollten wir in der Lage sein, eine Anfrage zu stellen. Also lassen Sie uns diesen Teil kopieren und absteigen, dass sie Service verzerren, starten, starten, Kontaktführer von der bestimmten I D bekommen, die eine andere beobachtbare zurückgibt, das tiefgestellte, dass durch die Bereitstellung eines Kampfes , die die Kontaktdaten verfolgt, die auf empfangen wird. Dann möchten wir das Gleiche nur eine sehr feine bringen. Gehen wir zurück zum Rosa und sehen, dass wir die Details bekommen, die dem Ich werde sein, also habe ich die Kontaktliste bekommen. Ich wähle zufällig ein anderes Detail aus, und dann hat er gestritten, und Sie sollten sehen, dass wir die Details dieser bestimmten Person bekommen Jetzt alles, was wir tun müssen ist schleppen diese Details in eine Form, die hier erscheint. Dazu werden wir eine reaktive Formulare auf das erste, was Sie für die Arbeit mit den aktiven Formularen gehen müssen, um das APP-Modell DS gehen und ein anderes Modell aus den Winkelformen namens reaktive Formulare importieren . So haben sie reaktive Formulare Modell. Dies muss der Liste der Importe hinzugefügt werden, die wir hier haben, weil jetzt unser Modell von einem anderen Modul abhängt. Sobald dieses reaktive Formular-Modell verfügbar ist, was wir tun können, ist, dass wir hier gehen und löschen Sie die Variable oder Kontaktformular aus Lebensform Gruppe und wir können beginnen. Ist dies in der darin irgendwo Hier, starten Sie Kontaktformular gleich Zehe neue Telefongruppe. Der neue Formulargruppenkonstruktor nimmt einige Konfigurationen an und die Konfiguration bezieht sich auf das Formularelement. beispielsweise vor, Stellen Sie sichbeispielsweise vor,dieses Kontaktformularobjekt stellt das gesamte Formular dar. Das Formular wird über Formularelemente wie Textfelder gemacht Und was sind die Werte für jedes dieser Textfelder, die wir erwähnen würden. Und jetzt wollen wir Zehe vor Lord diese Kontaktdaten in dieses Formular. Also wollen wir natürlich ein Lehrbuch für jedes von ihnen haben. Also haben wir Ihre Variablen wie Efeu mit einem neuen Formular das Formular steuern. Steuerung kann ein leerer Konstruktor sein oder Sie können auch einen Standardwert angeben. Zum Beispiel lassen wir das so, wie es ist, so werden Sie sehen, dass das I d keine sein wird. Weil wir ein Formularsteuerelement ohne einen Wert haben, der darauf angegeben wird, weil wir den Wert hier nicht liefern, weil wir zu diesem Zeitpunkt nicht den tatsächlichen Kontakt haben. Der Kontakt wird mit einem beobachtbaren geladen. Also müssen wir die Werte festlegen, die in diesen speziellen Abschnitten bilden. Wir machen das in einer Minute, aber zuerst definieren wir die Wertsachen. Nun, da wir alle Elemente aus dem Kontaktformular initialisiert haben, können wir auch ein D für Wert auf das Bild geben, das dem Tee für Kontaktprofil Bild entspricht , das dort in den Kontakt 50 Jahre ist. Ich habe diese Schnur. Einige kopieren dies, und wenn Sie hier zurück gehen, hat der Konstruktor den ersten Umfang optionalen Standardwert, die hier angegeben wurden. Gehen wir nun zum HTML, das der Komponente entspricht. Holen Sie es aus dem Absatz Ersteller Formular auf im Formular. Wir werden sagen, dass dieses Formular auf die Formularvariable bezogen werden sollte, die hier erstellt wurden , die Kontaktformular genannt wird. Und es ist sehr einfach. Wir verwenden eine neue Richtlinie namens Als Form Equals Toe Fund, die in bilden. Nimm das. Wir können jetzt zusätzliche Felder haben, die die Werte von jedem von ihnen darstellen. Das ist gut. Besteht aus einem Etikett. Es ist im Vornamen, dass Eingabe und wir sagen, dass Sie formulargesteuert sind. Name ist gleich zwei Vornamen. Jetzt können Sie sehen, dass wir hier einen Ausdruck verwenden und wir verwenden einfach ein Attribut. Dies ist die Syntax, die jetzt aktiviert ist. Wenn ich keine Formulargruppe verwende und einen Formularsteuerelementnamen direkt verwende, können Sie sagen, Formularsteuerelement als Ausdruck entspricht toe. Der Vorname wird in diesem Fall als Kontaktformular Punkt Vorname angenommen. Nun, das ist es. nun Wenn Sie diesnunmit einem vorlagengesteuerten Ansatz vergleichen, müssen wir dafür keinen Namen definieren. Wir müssen kein Motormodell definieren. Wir müssen es nicht definieren. Angestellter Name mit Bargeld. Vorname entspricht seltsam einem Modell. Deshalb ist es viel einfacher. Außerdem ist es auch testbar, denn jetzt ist alles optisch verletzt hier drüben einschließlich der Validierungen, die wir im nächsten Video sehen werden. Wir können alle die Formulare Daten mit diesem Absatz setzen, und wir sagen hier, Kontaktformular, Dunkle Wert. Wir können das als Verfolger setzen. Also, das wird überprüfen, Dieser Unsinn wird zurück zum Browser gehen. Du solltest es wissen. Sehen Sie, dass es eine zusätzliche Box gibt. Alle diese Membervariablen außerhalb des Formularobjekts ist keine. Nun, wenn ich hier gehe und einen Namen eingippe, können Sie sehen, dass er in diesem speziellen Formularobjekt erscheint. Was bedeutet, dass die zusätzlichen Boxen Bohne magisch mit dem Formularobjekt verbunden sind. Gehen wir zurück und fügen Sie ein paar weitere Elemente hinzu. Also werde ich das auf Basis kopieren. Das wird für den Nachnamen sein, und wir geben einfach Ihren Nachnamen ein. Speichern Sie es. Gehen Sie zurück zum Browser. Wir sollten zwei Textfelder auf sehen. Ich sollte in der Lage sein, beide auf Sie können sehen, dass ich in der Lage, die Änderungen im Kontaktformular zu reflektieren . Objekt mit diesem erledigt. Nun, das ist zu einer Verschönerung. Ich werde es hier runterkriegen. Ich werde eine Klasse aus der Gruppe hinzufügen. Das wird hier nur ein Etikett sein. Amerada Klasse aus Form Kontrolle. Lassen Sie uns eine Kopie des gleichen Andi an einem anderen für den Nachnamen machen wir gerne sehen, es ist sein Nachname. Geschlecht ist wirklich nicht. Also werde ich ein Geschlecht als Beschriftung haben. Dieser wäre Typ gleich zwei Radio. Wenn Sie den Typ nicht standardmäßig erwähnen, wird es ein Textwunsch sein. Daher sind dies Textfelder. Ich brauche keine Klasse dafür, aber ich würde gerne einen Namen hier haben, weil Geschlecht ist wirklich nicht Impotenz lesen würde. Damit sie uns in einer Gruppe arbeiten, sollten Sie dort einen gemeinsamen Namen haben. Sie müssen auch ein neues Gleichheitswerkzeug sagen, damit der Wert, den Sie hier erwähnt haben, derjenige ist, der ausgewählt wird , wenn dieses Optionsfeld ausgewählt ist. Und natürlich der Name des Formularsteuerelements. In diesem Vertrag von Ziel sein Geschlecht, würde ich gerne einen weiteren wirklich Knopf auf haben, aber das wird als weiblich betrachtet werden. Natürlich würden wir nur die Radiobuttons sehen, aber wir würden gerne ein paar Untertitel für diese Onda haben. Wir können die Bildunterschrift genau wie dieses männliche und weibliche adressieren Wo ein Problem ist, dass, wenn Sie auf die Welt männlich hier klicken, der Leser Großbritannien ist nicht ausgewählt. Möglicherweise müssen Sie Pin Punkt und klicken Sie darauf, um es zu verkaufen, Andi, stattdessen, dass, wenn Sie auf dem Etikett auswählen möchten, Sie müssen sie als eine Gruppe. Also werde ich das schneiden, eine Arbeit machen und in schwanger leben, genauso wie ich das für das Etikett auf der Grundlage der Zeit schneiden werde . Ich brauche nicht so weit, also werde ich es gleich runterkriegen. So, jetzt gehen wir zurück zu einem Browser, Ich klicke auf die Welt weiblich. Sie können sehen, dass es ausgewählt ist. Ich trete auf die Welt Männlich. Sie würden wirklich nicht ausgewählt werden, weil die Arbeit auch bemerkt, dass es Bohne hier ausgewählt ist. Sobald Sie auf diese Straße Beweise klicken, würden Sie sehen, dass sie schlecht sind, dass auch immer verändert werden. Lassen Sie uns nun den Rest der Formulare vervollständigen, indem Sie jede dieser Angebote so ziemlich kopieren und einfügen . Und schließlich, Burton Toe speichern die Details, die Streifen Ihrer Waffe plus gleich Bt in zwischen primären Xavier ST Änderungen auf. Wir brauchen das nicht mehr. Also lasst uns hier runter kommen. Speichern Sie es. Gehen Sie zurück für frische und Sie können sehen, dass das Formular mit dem deformierten Bild Ural angezeigt wird, weil das im Formularobjekt vorhanden ist. Und der Rest der Details gibt es noch nicht. Und wenn Sie sich erinnern, sind wir in der Lage, die Details von der Idee, dass er hier drüben am Tag ein Teller ist, erfolgreich zu machen . Offensichtlich müssen wir wissen, bevor Sie dies in die Farm laden, auf dass ein Schritt so gemacht wird. Du gehst zurück zu dem Ort, wo wir lange die Konsole gemacht haben. Wir können einfach darüber nachdenken. Startkontakt gebildet sind Sollwert. Andi, einmal auf dem tatsächlichen Kontaktobjekt im Formular aus Schlüsselwertpaaren. Jetzt können Sie einfach so wie Kontakt stopfen. Es muss ein Haufen Keeble sein scheint so zu tun, dass wir ein Jahr sechs Spread Operator verwenden. Also sagen wir hier, wir wollen ein neues Objekt mit den Werten aus Kontaktobjekt erstellen. Speichern Sie es auf. Wenn Sie zurück hierher gehen, sollten wir in der Lage sein, zu sehen, dass die Details des Vertrages nicht vorinstalliert sind. Und da wir wissen, dass, indem wir etwas im Textfeld direkt das Formularobjekt beeinflussen wissen wir, dass was mit den Änderungen, die wir hier tun, bereits im fernen Objekt vorhanden ist. Alles, was wir tun müssen, ist, dies mit Tag at Funktion zu verknüpfen, die den aktuellen Zustand des Formulars in unseren Standpunkt speichert . Das ist der letzte Teil. Wir werden keine Funktion hinzufügen, die hier gespeichert Änderungen und Dysfunktion genannt wird. Wir werden mit dem bitte den Knopf ausgeglichen werden. Und wenn das Karte ist, muss ich speichern diese beginnt Service. Welche Telefonbücher sind immer aktualisiert Kontakt und wir haben ein Angebot. Sie beginnen Kontakt für dunklen Wert und dieser Wert entspricht einem Objekt, das jeden dieser Schlüssel mit den Werten aus den Deckfeldern darstellt . Also gehen wir hierher, rufen Sie diese Funktion auf. Wir sagen, klicken Ereignis gleich Änderungen Funktion zu speichern. So ruft die gleiche Änderungsfunktion hier den Update-Kontakt auf, oder Telefonbuch Saris, die eine beobachtbare auf zurückgibt. Lassen Sie uns das abonnieren. Und wenn das Update den Job beendet, kommt es mit dem aktualisierten Dejan zurück. Also bekommen wir das in Form eines neuen Vertrags. Und alles, was wir tun müssen, ist die Kontaktdetails Komponente für diese spezielle Idee zu locken. Andi, wir haben die Rotorabhängigkeit noch nicht, also werden wir eine weitere Abhängigkeit den Savior Private Rotor hinzufügen, vom Typ Zeichen. Und dann kommen wir zurück, sie fangen dunkel an. Navy Gate ist ein Plan, einen Tag frei Teile. In diesem Fall wird es Kontakt mit Dash 50 Tage sein, zweiter unten. Es wird der Efeu aus aktualisiertem Kontaktobjekt sein. So kontaktieren sie auf irgendwelchen. Speichern Sie es. Andi, wenn ich hier rüber gehe, werden wir sehen, dass es ein Formular gibt, das vorinstalliert ist. Wir können zurück zur Kontaktliste gehen. Nehmen Sie jemand anderes Daten klicken Sie auf Bearbeiten. Die Daten sind Lord Ege. Ich werde paar Hashes absetzen Hier ist an, dann sagen Änderungen speichern und Sie sollten sehen, dass es jetzt die Kontaktdetails-Komponente für die ich dgeladen dass es jetzt die Kontaktdetails-Komponente für die ich d und ich werde die Änderungen sehen, die erfolgreich durchgeführt haben. Gehen wir zurück. Es ist die gleiche Sache und speichern Änderungen, und wir sehen jetzt, dass die Änderungen aktualisiert wurden 32. Benutzereingaben in einem reaktiven Formular validieren: also mit den Reality-Formularen waren in der Lage, die Details zu bearbeiten. jedoch Wir habenjedochzu diesem Zeitpunkt keine Validierungen. Also schätze ich, wenn ich das entfernen war Lanny auf, dann speichern Sie das. Sie sollten sehen, dass der Vorname für diese Person zuletzt ist, weil wir keine Validierungen hatten . So wie, engagiert die Vorlage gesteuerte Formulare. Wir möchten auch Validierungen für die reaktiven Formulare zur Verfügung stellen, aber diese wäre viel einfacher. Also lasst uns die Landebank wieder über Farm gehen. Andi In hier können wir einige Validierungen als weniger definieren 34 Werte. Jetzt geschieht dies mit Hilfe der Hilfs-Validator-Klasse. Gehen wir also für eine Minute zurück zur eckigen Dokumentation. Offen, eckig, das sind. Sie klicken auf die Hunde und die Grundlagen, auf denen wir Formulare haben. Wir haben eine Formularvalidierung. Und natürlich ist die 1. 1 die Vorlage für die Ungültigkeit. Präfekte kriechen ein wenig nach unten. Ich werde sehen, dass es eine reaktive Formularvalidierung auf einer der Erwähnungen gibt, die die Validatoren ap eine Referenz sehen . Sie sind also Bauklasse für Validatoren und es enthält Hilfsfunktionen. Wenn ich darauf klicke , werden Sie sehen, dass diese Funktionen existieren. Männer, die die Validierung der Funktion Max erforderlich ist. Es ist ein Titel. Die meisten davon sind selbsterklärend auf. Sie sollten in der Lage sein zu verstehen, was sie tun, und selbst wenn Sie es nicht tun, damit Sie das übernehmen können. Es wird Ihnen sagen, was genau es tun wird. Validator, der die Kontrollspitze erfordert, haben einen nicht leeren Wert. Das ist also, was wir hier für den Vornamen haben möchten, wahrscheinlich für die E-Mail für die vier Nummer usw. Also, selbst wenn ich sage E-Mail hier nochmal, sehen Sie, dass es eine gültige E-Mail sein muss. Dies wird automatisch testen, ob es sich um eine E-Mail-Adresse handelt, so dass wir jetzt zurückkehren können. Andi, sagen Sie hier, dass der Vorname keinen Standardwert hat, also geben wir es leer. Aber Sie erinnern sich, dass, wenn der Kontakt vom Rest in Punkt geladen wird, es gesagt wird. Aber bis dahin wird es eine Planke sein. Aber wir möchten festlegen, dass ein Bereich außerhalb der Validierung abkühlt. Zum Beispiel möchte ich sagen, dass es erforderlich ist und es hat ein Festland aus drei Buchstaben, so dass ich Ihre Validatoren eingeben kann nicht benötigen und dann werde ich Validatoren nehmen. Starten Sie auf dem Festland von drei. So geben Sie also eine Reihe von Validierungen in den ähnlichen Zeilen an. Ich kann hier für E-Mail und Telefon usw. angeben. Wir kommen in einer Minute darauf zurück, also gehen wir zurück auf die Farm und machen ein bisschen Inspektionen. Wir haben die Kontaktdaten. Lassen Sie uns auf die Bearbeitung klicken und wir sehen die Details. Also wähle ich diesen Pfeil aus. Andi, wählen Sie die Vorname Eigenschaft und Sie können sehen, dass das erste Mal Eigenschaft hier hat Treibstoff. CSS-Klassen, die den aktuellen Zustand außerhalb des Formularelement-Steuerelements identifizieren, ist etwas , das größer ist. Es unterstützt Taxis, seinen Klassennamen. Aber er hält in G unberührt, weil wir kein mobiles Gerät verwendet haben, um zu übergeben, dass alles, was wir haben, getan hat, dass es im unberührten Zustand ist. Aber es hieß auch, es sei versammelt. Aber wenn ich es das vollständig ist, können Sie jetzt sehen, gibt es einige Änderungen, und es sagt, dass es ein schmutziges Objekt ist, weil es seine berührt hat, ebenso wie es in G ungültig ist. Jetzt kommt die n G ungültig vor allem, weil aus der Tatsache, dass es ein erforderliches Feld ist. Wenn ich Lanny Snobby zurückgebracht habe, sehen Sie, es ist Bohne geschätzt. Aber wenn ich drei Buchstaben auf entferne, können Sie sehen, dass es wieder ungültig ist, weil das Festland jetzt dasselbe verletzt wird. Ein Ort, um sogar die Form. Sie können sehen, dass das Formular hat auch ungültigen Status auf all diese Zustände kann mit unserer Konsole zugegriffen werden . Lassen Sie uns zurück zu unseren speichern Änderungen literarischen Menschen dort, was ein großer Punkt auf für den Moment ist. Lassen Sie mich diesen Kurs verpflichten, damit ich nicht wirklich zwischen diesem oder irgendetwas sparen möchte. Also lasst uns wieder auf die Bindung gehen. Wir nehmen jetzt die gleichen Veränderungen an und jetzt sehen wir, dass wir im tiefen Burger sind. Also lasst uns zu der Sorge Onda gehen. Wir können jetzt sagen, hier dieses Startkontaktformular Punkt Sie können sehen, dass es einen Status gibt, der angibt, ob es in den valianten Zustand oder ungültigen Zustand ist, und es sagt, dass es gültig ist, weil wir keine Fehler darin haben. In ähnlicher Weise können wir auch überprüfen Start Kontaktformular Punkt ungültige amerikanische Lehrer Telefone. Ebenso kann ich auch überprüfen, ob es geschätzt wird. Es ist wahr, also können wir entweder den Status verwenden. Welches ist die Saite? Sind Sie das Anlagebarren ungültige, geschätzte Funktionalitäten? Toe prüfen, ob das gültig oder ungültig ist. Offensichtlich wollen wir Zeh. Verwenden Sie dieses Feld aus oder machen Sie es aus dieser Eigenschaft und steuern Sie die Darstellung dieser Schaltfläche. Erwarten Sie immer noch auf den Kern. Lassen Sie es uns vom Debunker auf unverpflichtete. Dies Wir werden auch zurück auf unsere editieren Kontakt-Komponente. Es ist TML. Wir haben den Knopf. Wir möchten das deaktivierte Attribut hinzufügen, falls das Formular nicht eingeladen wird. Es ist also sehr einfach. Jetzt kann ich sagen, deaktiviert ist gleich zwei. Es ist ein Ausdruck, damit ich Ihren Vertrag für Dart ungültig sehen kann. Solange es ungültig ist, machen wir diese Schaltfläche Basis in der Lage und mit dem Thema Kontakt gebildet, gültig oder ungültig, können wir steuern, ob es primäre Gefahr sein soll. Also hätte ich das geschnitten, einen Lenkerausdruck gesetzt und dann würde ich sagen, du bist Kontaktformular Hund. Gültige Frage. Mark Delgiudice Konzert als primäre andere Wege, es gilt als bestanden eine Gefahr so zunächst, weil es geschätzt wird, sollte es kein Problem geben. Sie können sehen, dass blau steht und es aktiviert ist. Ich sehe einen Finger zum Peer. Aber wenn ich es ausschalten, komm runter, du kannst sehen, dass die Schaltfläche deaktiviert ist und ich kann jetzt nicht darauf klicken. Richtig? Also, das ist jetzt so einfach zu arbeiten, ohne überhaupt irgendwelche Validierungsregeln in unseren HTML-Elementen hinzuzufügen, haben wir einfach hinzugefügt, dass es auf Validatoren Festland erforderlich ist. Also haben wir die erforderlichen in Midland Validierungsregeln in dem Formularobjekt hinzugefügt, auf das hier automatisch aufgehoben wird . Beachten Sie also, dass ich hier nicht angegeben habe, dass das Formularelement unser Festland auf den gleichen Linien erforderlich ist . Ich kann auch sagen, dass dies eine e-Mail-Adresse sein muss, da die letzte, die benötigt werden muss, damit ich auf diese Komponente Jahre gehen kann . Sie hören, die E-Mail hat kein t für Wert auf Ich kann Ihre Validatoren sehen Don't e gemacht Plus ich kann Validatoren speichern. Nicht schweigen. Sie brauchen nicht zu geben, das Festland kämpfte diese hier. Also jetzt, wenn ich zurück zum Browser auf de alles in Ordnung ist. Aber wenn ich das nach seiner einfachen entfernen, können Sie sehen, dass es jetzt eine andere gibt, weil es keine gültige E-Mail mehr ist. Also muss ich am Wurzelsymbol geben. Ich kann nicht mit einem wahres beginnen, das auch ungültig ist. Ich muss etwas haben. Sie können nicht nur einen einfachen Text auch dort haben, Also, das ist genommen. Steigen Sie aus. Ebenso können wir auch eine Telefonnummer Validierung geben, so dass ich sagen kann, dass die Telefonnummer als weniger erforderlich ist Es ist ein Muster. Also kann ich sagen, Validatoren Startfaktoren für das Muster ist entweder eine Zeichenfolge in einem regulären Ausdruck. Also werde ich mit dem regulären Ausdruck auf dem regulären Ausdruck gehen muss eine Ziffer haben. Wie Maney die Ziffern bis 10 bis 12 Ziffern will, ist das, was ich erwarte. US-Telefonnummer jetzt. Aus diesem Grund wird es jetzt keine nicht numerischen Werte folgen. Gehen wir zurück, machen eine vollständige Aktualisierung und dann sehr gut. Wenn das in Ordnung ist, so können Sie sehen, dass gerade jetzt, dass die 10-stellige verschönern es ist dies, Sie können sehen, dass es automatisch geändert Toe rot auf die deaktiviert. Also mache ich das nicht. Und wenn ich hier tippe und auch wette, das ist keine Last. Und so muss es eine Nummer sein. Nun, da wir die Validierungen durchgeführt haben, müssen wir auch dem Benutzer mitteilen, dass Sie nicht einfach zwei Buchstaben für den Vornamen haben können, sollten Sie sagen, dass der Vorname obligatorisch ist. Also wollen wir eine Art von Fehlermeldungen hier bei der Rettung bereitstellen, die nicht wissen, was mit dieser speziellen Farm passiert. Richtig? Also lasst uns wieder gehen. Ich bin diese Nachrichten direkt hier und kontrolliere das Aussehen dieser Nachrichten mit anderen Formularen. Staat. Also gehen wir hier ein do mit wahrscheinlich einer Klasse aus Ära tippen. Wir haben nicht diese Klasse, mit der wir Künstler auf Kindesmissbrauch für zwei andere Nachrichten. Die erste Fehlermeldung ist für den Vornamen obligatorisch in der 2. 1 wahrscheinlich für die Festlandverletzung. Das ist also Typ. Ihr Vorname ist obligatorisch und dann bin ich geben Sie bitte mindestens drei Buchstaben ein. Wir möchten, dass diese Nachrichten nur angezeigt werden, wenn der Vorname Bean berührt hat, sowohl schmutzig als auch ungültig ist. Jetzt wissen wir, wie Sie auf das Kontaktformular zugreifen können. Aber wie greifen wir auf das Kontaktformular zu? diesen Vornamen. Nun, hier haben wir etwas namens Kontrollen. So können wir i n g Wenn Sie auf sind, dann sagen wir, dass Sie Kontaktformular Dark Controls sind. Also, was ist eine Liste aller Kontrollen, die wir haben auf, dass hat Vorname die Kontrolle gewonnen hat Und ist das ungültig? Wenn das ungültig ist, dann zeigst du mir, dass Andi es schmutzig sein muss. Also werde ich sagen, dein Vorname tut nicht weh. So stellen Sie jetzt sicher, starten Sie die ersten Minuten 30. Das bedeutet, dass etwas da drüben auf dem Wert der Änderung 2 geändert wurde, ungültig ist. Dann zeigen Sie diese jetzt nur aus dem Kurs. Wir wollen auch, dass dies nur verzweifelt wird, wenn es einen Editor für den Vornamen namens erforderlich gibt. Also offensichtlich müssen wir noch eine NGF hinzufügen, die diesen Teil mit einem Stern n g gleich toe diesen Kraft-Namen kopieren wird, aber andere nicht erforderlich auf. Dies ist die Art und Weise, die Sie angegeben haben. Natürlich sehen Erwachsene die Sammlung von allen anderen. Wenn alles gibt es irgendwelche Fehler und haben wir das erforderliche besser? Dann zeigen Sie nur diese und die nächste ist nur eine Kopie, die von der Szene basiert. Aber statt erforderlich, wird es die England Verletzung eines reinen Festlandes sein, auf dem sie das gleiche nehmen sollten. Also ist es zu einem volleren frischen. Jetzt sehen Sie, dass keine andere Meldung angezeigt wird, da Nummer eins es nicht ungültig ist . Nummer zwei, es ist immer noch nicht schmutzig, so wütend. Es ist das. Jetzt ist es schmutzig, aber es ist immer noch gültig. Es ist schmutzig, noch verheiratet. Aber jetzt ist es schmutzig, ungültig, und der Invalide ist, weil es gegen den Festlandabstieg verstößt. Also werde ich Es ist das jetzt komplett. Obwohl es der erforderliche Validierungspool auf ist, wird der Vorname angezeigt, ist obligatorisch. Und wie im vorherigen Fall möchten wir dazu etwas Styling anwenden. Also gehen wir zurück zu dem CSS, das diesem entspricht, die hier ist, und dann definieren wir einen Klassenstern hier ab, und wir können hier sehen, dass Farbe rot Form Stil ist. Wahrscheinlich kursiv, und dann bildeten sie Größe. Wir können sagen, Ihre 0,8 PM wie 80% Rabatt auf seine ursprüngliche Größe. Gehen wir zurück zum Browser. CSS erfordert möglicherweise eine vollständige Aktualisierung. Machen wir das, Andi, versuchen Sie, ein paar Briefe zu erheben. Sie können sehen, dass wir das bekommen und auch eine Nachricht. Also auf die gleiche Weise. Wir können auch andere Meldungen für andere Felder definieren. Also werde ich diesen Teil kopieren. Wir haben eine E-Mail-Steuerung, die zu Höhen hat, diesmal Nummer eins erforderlich ist. Natürlich ist die 2. 1 der Abend. Es muss also eine gültige E-Mail sein. Also lasst uns diese Änderung bekommen. Der ganze Vorname, um Onda auszusenden. Wir sagen, dass die E-Mail-Adresse obligatorisch ist. Zweite Nachricht wäre wie kein gültiger weiblicher Ausdruck. Wir werden uns der gleichen Sache stellen. Toe Volltelefon muss auch Validierungen. Einer ist das Erfordernis. Die zweite ist das Muster. Also Anglo Zelle, es werden die Vornamen. Und dann werde ich das in vier ändern. Und sie sagen, dass Telefonnummer obligatorisch ist. Und hier ist der Kampf. Also werden wir angeben, dass dies Sie sagen können, bitte Eingabe und 12 Ziffern auf Sprung. Natürlich habe ich es vergessen. Das muss eine E-Mail sein. Das ist also die Validierungsregel. Und das ist das Muster von Telesco. Speichern Sie das. Gehen Sie zurück, um den Browser einmal zu aktualisieren, und überprüfen Sie, ob alle wie erwartet funktionieren. Also sehe ich eine andere Botschaft. Ich sehe die zweite Fehlermeldung. Jetzt entferne ich das ich den Grat, also kein geschätzter Ausdruck. Also werde ich das entfernen. Es ist emeritiert ist obligatorisch. So sagt es hier angenehm, aber neigen dazu, gut Ziffern nur zu tun. Und wenn mehr ist es für die Nummer ist obligatorisch. Plus das gleiche Holz ist komplett deaktiviert waren nicht in der Lage, weiter zu gehen, ohne dass tapfere Einträge. 33. jQuery integrieren (für die Pagination auf Scroll): viele Versuche, die wir haben, um unsere 40 Kind zu verwenden war völlig Es ist wie Küken. Nun, zum Beispiel, in unserer Anwendung, wenn wir gehen, um Kontaktliste auf kritzelt auf, Sie werden sehen, dass es ein Lord More Button, die Lords die neben Batch off 10 Kontakte. Aber wenn Sie diese Zehe automatisch wollen, Herr, wenn Sie die Seite hier kritzeln, wie Sie vielleicht in Facebook gesehen haben, wo, wenn Sie nach unten scrollen , es lädt mehr Seiteninhalte. Um dies zu tun, müssen wir möglicherweise J Query verwenden. Der erste Schritt dazu ist die installierte G-Abfrage nach ihrer Abhängigkeit. Also habe ich Neid gehabt. Ähm, installiert J-Qualität und seine Abhängigkeit ist aktiviert Typen Schrägstrich Küken Qualität. Einmal in der Installation serviert haben wir Zehe angular wissen lassen, dass wir eine neue JavaScript-Datei haben . Dafür gehen wir Zehe eckigen Jason, der hier ist , und Sie können sehen, dass, wenn Sie nach unten scrollen, gibt es einen Abschnitt namens Script, das ist ein Bereich aus auf den Skripten, die Sie wollen Toe Associate. Lassen Sie uns dies erweitern und einen Eintrag hinzufügen. Die Verletzung hier gibt für J Query, die es in der Norm ist, oder Werkzeuge, und Scott nicht g erweitern Sie es dist! Und wir haben Ihren Geek verheiratet oder Js Andi mit North unterstrichen moderns Schrägstrich j Steinbruch Schrägstrich nur Schrägstrich überprüfen Sehr dunkel, meine Fackeln gespeichert diesen Kampf auf Änderungen an Ihrem Winkel Jason wird für die Sonne fragen wird neu gestartet Let's go zurück zu unserer Überlebenskontrolle Sehen und führen Sie das noch einmal aus. Und jetzt haben wir die Anwendung erfolgreich geladen, um zu verstehen, wie man mit dem Scroll umgeht. Evans weg von der Jake Sorge. Das ist Goto. Jake wurde dunkel, wo J Query bereits geladen wurde. Andi, ich werde die Entwickler-Tools öffnen. Jetzt können Sie sehen, dass Dollar eine gültige Variable ist, die ihre Funktion trennt. Onda Gut verglichen einen reinen Dollar von Körpern Tür hängen und Sie sollten sehen, dass es ein Hallo gedruckt. Also, was bedeutet, dass Jake sich Sorgen macht, es funktioniert hier ohne Probleme. Und das ist wirklich gut, und wir haben Zugang zu Dollar. Um die Scrambler-Position herauszufinden, kann er sehen, dass dieser Crawler derzeit an Nullposition ist. Aber wie und wenn ich scrollen jetzt können Sie einen Teil der Seiten zuletzt sehen, zum Beispiel, bis zu hören, ob es zuletzt ist, oder? Es ist also jetzt hochgegangen. Wir wollen herausfinden, wie es Position genannt wird, wenn Sie an der Unterseite sind. Was bedeutet, dass wir sehen wollen, was die Menge der Seite ist, die oben geladen wird. Plus, wie hoch ist die Höhe von diesem Abschnitt, was ist der Fensterstatus? So können wir diese Informationen erhalten, indem wir eingeben, was haben Sie gleich? $2 Fenster. So wissen, WT präsentiert das Fensterobjekt und ich kann Ihre Fenstertür stark oben Andi nehmen, da wir derzeit fast unten haben. Wenn ich drücke, ist es 13 71. Aber wenn Sie an den Anfang gehen und dann die Theme-Funktion nennen es Null, weil ich nichts schrubben habe . Also, wenn ich die Seite auf diese Ebene so durch Kritzen und jetzt, wenn ich sage, was ist dieser kriechte Job? Sie können sehen, dass es 2 26 großen Sinn auf der gleichen Weise jetzt, wenn ich hier bin, sagte es 1371, die die Position von Ihrem Dokument an dieser Stelle ist, so dass wir auch die untere Position erhalten können , indem Sie die Höhe aus dem Fenster addieren Zum Beispiel, wenn ich Live w Punkt Höhe, es ist 6 21, die die Höhe von diesem Teil Zehe dieser Teile ist. Wenn ich die Fenster rechts Zehe irgendwo auf 50% reduzieren und überprüfen, Sie werden sehen, dass es irgendwo auf TNT und 25 Pick sagt so durch Addieren, das ist bis zur Höhe gekrochen. Wir sollten die Leihgabe aus dem Dokument bekommen, damit Sie Ihre w dot Höhe plus das Dorf oder Scrum oben sehen können . Das soll die Höhe von unserem Fenster sein, das sind 1992 große Zellen. Nun, das basiert wirklich darauf, wo ist Ihre aktuelle Scroll-Position? , Irgendwo,wo ich in der Mitte bin, können Sie sehen, dass es 1034 sagt. Also, wenn ich am Anfang bin, sollte ich etwas wie 600 für jeden bekommen, weil ich diese kriechte Null, und ich addiere nur die w dot Höhe eso 6 21 Big sell. Nun, wenn Sie am Ende am meisten sind, wissen wir, dass es 13 71, aber es hängt vom Inhalt der Seite. Der Inhalt der zusammengestellten Seite wird als Dokument bezeichnet. Also kann ich hier bleiben für das Equal Stores Dollar-Dokument auf. Und jetzt kann ich sagen, die Menge Höhe und Sie können sagen, Didot Höhe ist 1992 Wir respektieren Sie weg , wo ich gerade bin. Also bin ich gerade am Anfang. Händlerhöhe, die das Dokument Height ist immer noch 199 Toe. Also, um zu überprüfen, ob wir Scroll nach unten haben, müssen wir die blaue Punkthöhe der Führer Menge alle Zehe die Tat oder Höhe vergleichen . Und wenn sie übereinstimmen, das bedeutet, wo das Wasser am meisten und wir können, dass Herr mehr Funktionalität von unserer Anwendung hier auslösen , so dass, wenn wir am Boden am meisten sind, der Herr mehr Funktion geschieht automatisch. Das ist also die Idee dahinter. Also lasst uns zurückgehen und dasselbe umsetzen. Also lassen Sie uns die SRC ab Komponenten Kontaktliste auf dem DS gehen, die dem gleichen entsprechen, wo wir bereits die niedrigere mehr Funktion haben. Wir müssen das nur immer wieder nach unseren Kriterien nennen. Also das erste, was ist, Sie auf die globale Variable Dollar zugreifen müssen, die dort im Fenster ist und es zu einem lokalen machen . Wirklich? Nun, lassen Sie uns einfach das Zehenfenster anderer Leute von der Dollar-R-J-Qualität definieren. Es ist also eins von dem Gleichen genug. Lassen Sie mich es so geben. Ich hatte den Dollar. Also, jetzt muss ich zu der Einheit gehen und sagen, dass wir daran interessiert sind, das Scroll-Event aus dem Fenster zu hören . Und um das zu tun, lassen Sie uns zuerst in Ihrem Dollar-Fenster in Richtung Crawl. Also im Grunde sind wir Industrie im Scroll-Ereignis auf der Versorgungsrückruffunktion, die das Ereignis ist, das ausgelöst werden soll. Jeder Cent dein Kritzelei. Das bedeutet, dass, wenn ich die Seite so kritzele, sie sogar jedes Mal abgefeuert haben. Was wir tun müssen, ist, jetzt den Zugriff auf die Fensterhöhe zu bekommen und nach oben scrounged, was bedeutet, dass jedes Mal, wenn ich so scrollen, sie sogar dieses Feuer und das ist, wo wir unseren Kern schreiben wollen. Und ich werde ein paar lokale Variablen erstellen, die links w gleich Zehenfarbe sind. Wir wissen, Onda lassen d gleich $2 Dokument und wir haben gerade gehört überprüfen, ob w Punkt Höhe plus ein wenig Scrum nicht gleich Zehe nicht verstecken. Dann müssen wir diesen Start einfach Lord mehr nennen. Siehe dies unter Hinweis, dass diese Funktion auch mit den wichtigen verbunden ist. Hier drüben werden wir nicht mehr auf den Button klicken. Eso Sie können diese Zeile tatsächlich durch Drücken von Befehl, Schrägstrich, Steuerschrägstrich speichern Sie die Datei auf gehen Sie zurück in den Browser. Wenn ich also nach unten scrolle, siehst du, dass es nicht alle lädt. Das liegt wahrscheinlich daran, dass es einen Redakteur geben muss, und der andere sagt, dass dieser Start Lord Moore jetzt keine Funktion ist. Dies ist ein typisches Aus, wenn wir Jake Worry verwenden. Jetzt gibt es einen Grund dafür. Grund ist, dass wir eine Callback-Funktion in einem ES Kampfstil verwenden, nicht im Jahr sechs Mal. Also in den Jahren fünf Stil dieser Schlüssel waren Dies entspricht nicht den Klassenmitgliedvariablen , sondern stellt Fensterobjekt während der Ausführung dar. Damit dieses Kabel das Klassenobjekt darstellt, müssen wir dies nur in eine Erwachsenenfunktion konvertieren. Also werde ich es von dieser Funktion abholen und dann auf Adul und das speichern. Lass uns wieder gehen. Wir werden auch sehen, die Grat Qualität lernen mehr und mehr Inhalte. Also, nur um sicherzustellen, dass wir in der Lage sind, mehr über beide zu lernen, die dann funktionierte es und in der Nacht redete Sie werden sehen, dass es eine Anfrage an den Rest. Endpunkt wurde erstellt. Aber wenn ich hier runterscrolle, sobald ich alles gescrollt habe, solltest du sehen, dass es eine weitere Anfrage machen wird . Das ist für die Seite. Nummer zwei auf Eis Krone mehr und Sie werden sehen, dass es eine Seitenzahl drei auf Seite Nummer vier und so weiter und so weiter. So wirklich gut, der Herr dies automatisch, genau wie Anwendungen wie Facebook funktioniert. 34. SweetAlert für schöne Dialogboxen: in unserer Anwendung. Wenn wir die Details der Kontaktperson sehen, haben wir ein Patent für Löschkommissionierung, auf dem Sie sehen sollten, dass es ein Bestätigungsdialogfeld erscheint, das heißt, Sind Sie sicher? Jetzt hängt das Aussehen der Tage von den Profis ab. Er so, wenn Sie zu einem anderen Browser gehen, zum Beispiel, hier ist eine Safari, die gleiche Seite wird geladen und wenn ich auf Dorf Dialogfeld, das erscheint, ist völlig anders als die, die wir in Chrom sehen. Ebenso, wenn ich zu fünf Fuchs gehe und auf Löschen klicke, werden Sie sehen, dass der Dialog völlig anders ist und das ist Oper. Und in der Oper sagten die Dialoge, dass du anders bist. Natürlich kannst du in anderen Brüdern auf testen. Ich bin sicher, dass es anders sein wird als das ist kein guter Ansatz, weil wir nicht die Kontrolle haben , diesen Rettungsbotch zu stylen. Manchmal ist es wichtig, dass wir diese Dinge kontrollieren, wie zum Beispiel, Ich möchte sagen, Ari sicher s sind nicht auf. Vielleicht möchte ich jetzt die Untertitel eines Kunden haben. Da dies alles nicht möglich ist, müssen wir uns auf einige Dialogfelder von Drittanbietern verlassen. Es sind viele J Abfragedialogfelder verfügbar, aber der hier angezeigte wird Sweet Alert genannt. Sicherer Goto Sweet. Andere Hier ist ein netter Taylor-Bündel mit animierten Symbolen. Sie sind der nette Titel. Da ist eine SMS. Wir können auch einige maßgeschneiderte Wohnungen wie Cancel Geschätzt haben. Um damit zu beginnen, ist es sehr einfach. Sie sagen nur, NPM installieren süße Warnung, dass zukünftige Funktion namens Swan. Und dann haben Sie sehr Abschläge Optionen, wie wir sagen können, Was ist der Titel? Was ist das nächste, welche Art von Symbol Sie wollen. Und wenn Sie sehen wollen, wie das aussieht, können Sie darauf klicken und sehen, wie es aussehen wird. Natürlich können Sie wahrscheinlich Änderungen zum Erfolg. Sie würden einen Erfolgsknopf erhalten. Es gibt eine Dokumentation auch hier unten auf. Das gibt Ihnen eine Anpassung außerhalb der Szene. Nun, ich würde nicht gehen. In der Tat, in etwa all den Dokumentationen außerhalb Tage, würden wir auf jeden Fall auf einige der erforderlichen Optionen für uns suchen. Zum Beispiel, als ich dies übernommen habe, möchte ich eine Frage anstelle von lokalen Host für zwei doppelte Null sicher stellen. Ich möchte sagen, dass Sie diesen Kontakt löschen. Bist du dir sicher? Vielleicht kann ich nein sagen. Dann kann ich es hier sagen. Ja, auf. Das kann ich sehen. Ja, ich bin sicher. Aber das ist nicht die Standardschaltfläche. Und Abbrechen wäre die de für Großbritannien, weil zufällig. Wenn Sie Ender drücken, sollte dieser Datensatz nicht gelöscht werden. Also, um diese Schule der Kommandofront eine neue Stadt geöffnet zu tun, stellen Sie sicher, dass das Arbeitsverzeichnis erhalten und NPM I für die Installation süß abwenden sagen. Sobald die Installation abgeschlossen ist, müssen wir unserer Anwendung sagen, dass es ein neues JavaScript gibt und das geschieht, indem wir toe. Angular, dunkle Chaisson. Wir haben einen Skriptabschnitt, den wir angeben, dass es eine neue Datei unter normaler Verwendung gibt. Süße Alarmbereitschaft dissed und Sie sehen, dass sie süße Farbe dot mindo Chase sind. Das ist es, was wir spezifizieren müssen. So ist es cool hier, gefunden noch unterstrichen Modelle Slash ST Alert Schrägstrich dist Straße allein Punkt Chase. Bitte beachten Sie, dass der süße Alarm großzügig von G Abfrage abhängt und stellen Sie sicher, dass er vor der Straßenwarn-Bibliothek selbst enthalten ist . Also speichern Sie das. Änderungen an WinkelJason erfordern einen Neustart des Verkäufers. Also werde ich zum Server gehen, stoppen Sie dieses r Wort und begann eine kleine. Wenn das beginnt, gehen wir zu unserem Mais, wo wir die Kontaktdaten haben. So SRC ab Komponenten Kontaktdaten. Dies ist der Ort, an dem wir eine Bestätigung machen, nur um zu testen, wie diese Welt aus der Funktion „bester Schwan“ herauskommt. Andi. Wir kommen zurück und ersetzen diesen durch den süßen Alarmkern. Aber für die Zeit, die hier betrachtet wird Jetzt ist die Swell eine Funktion, die global verfügbar ist , aber die ist nur im Browser verfügbar. Also im Moment, weil wir im Typoskript sind, haben wir immer noch keinen Zugriff darauf aus dem Fensterbereich. Also, damit wir das gut verwenden, lassen Sie uns weiter eine Variable namens const swell Leute Zehenfenster aus deklarieren. Wenn dies also eine globale Variable ist, die aufgrund der Straßenwarnung angeordnet ist, kann dies alles sein, weil es eine lokale Variable zu unserem Modell ist. Also, jetzt kann ich das hier benutzen. Aber fangen Sie einfach mit dem angeschwollen und sagen hallo. Da wir keine Knopfzehen haben, rufen Sie diese Funktion auf. Lassen Sie uns zum HTML gehen, der heute am entspricht, und rufen Sie dann die Hoden auf. Nun, ich werde nur einen Knopf hinzufügen einen Absatz wichtigen Punkt Vertrag in Bt und Standard auf. Dann werde ich Ihre Test-Suite-Warnung sein. Wir müssen sagen, Click-Ereignis entspricht der besten Quellfunktion. So gehen wir zurück zum näher Hier haben wir eine einfach zu süße Warnung vor wichtigen Kicking , auf dem Sie sehen sollten, dass es ein schönes Dialogfeld, das kommt. Gute Sache ist, jetzt ist dies der gleiche Stil, der auch in anderen Rosen erscheint. Auch. zum Beispiel Wenn ichzum Beispieldiese Seite neu lade und auf den Master Suite-Alarm klicke, können Sie sehen, dass das Dialogfeld in genau dem gleichen Zustand wie in Crume kommt, so dass wir testen können oder in einem anderen Prozess. Außerdem ist dies Oper, damit Sie sehen können, dass es Sir neu geladen wird. Wissen Sie, wenn ich auf diese Tests Lese-Warnung klicke, genau das gleiche Dialogfeld erscheint. Also lasst uns hier runter gehen. Gehen Sie zurück zu unserem Gericht und wir werden noch mehr Optionen hinzufügen, als der Befehl ist und dann sage ich: Hier ist Slab. Ich kann einen Titel angeben, der das Telefonbuch sagt, und ich kann Hallo sagen, Freund. Und dann kann ich angeben, dass dies ein Erfolg ist. Speichern Sie es jetzt. Wenn du zurückgehst, wird es neu geladen. Lassen Sie uns auf den Test Street Alert Partner klicken, und Sie werden sehen, dass es ein animiertes Symbol für den Erfolg. Das ist das tödliche. Dies ist das Extra, und es gibt standardmäßig ein altes Caperton. Wenn Sie dieses Teil jedoch ändern möchten und das ändern können, wenn Sie möchten, können Sie auf eine andere Stelle klicken. Toe, holen Sie es aus diesem Zifferblatt eine Box auch, die gleich und von Krebs ist. Wenn Sie eine Bestätigung so viel haben, lassen Sie uns zurück statt Erfolg, können Sie sagen, Erwärmung. Unsere Info sind andere. Dies sind die vier Optionen, die hier dokumentiert sind. Wir gehen zur süßen Alert-Dokumentation. Sie können sehen, dass es Symbole Warnung, Fehler Erfolg in, denn dies sind die vier verschiedenen Möglichkeiten. Da ich also Warnung ausgewählt habe, sollten Sie kein Warnsymbol mit demselben Titel und Text sehen. Klicken Sie also auf OK, um aus der gleichen Sache jetzt zu kommen. Wir können diese auch in der Regel wie diese Quelle mit der Konfiguration angeben Objekt auf dem configuration Objekt kann so etwas wie Titel haben, kann ich Telefonbuch sagen Uh, ich kann angeben. Ich pon ist sagen, zum Beispiel, in vier kann ich sagen, Ihren Text, der die zweite Partier ist, was auch immer das gegeben, so dass Text sein kann, wie Sie in den Kontaktdaten sind. Speichern Sie es auf. Gehen Sie zurück auf die Anwendung neu lädt Kick auf diesen Test auf süße Warnung und wir sehen es ähnliche Dialogbox, die kommt, so dass wir auch Bestätigungsdialogfelder haben können. Und genau das wollen wir im Falle einer Verzögerung tun. Vorerst brauche ich das nicht mehr. Jemand, der es hier runterholt, rettet es. Entfernen Sie diese Schaltfläche in Kürze. Dies kommt zurück zu meinem Kern auf Dies ist, wo ich angeben möchte, was jetzt zu tun ist. Wenn die Bestätigung Wahlurnen angezeigt, müssen wir Lasten und wir können den Wert für diese bestimmte Schaltflächen definieren. Zum Beispiel, die erste wäre vielleicht nicht die Wahrheit. Zweite Taste, vielleicht fällt oder es kann 1234 etcetera sein. Wenn Sie diese Fehlfunktion aufrufen, gibt es dieses Versprechen Onda zurück, wir müssen diese Löschkontakt-Funktion aufrufen. Wenn sich die Versprechen ergeben, werden wir das nicht mehr haben. Wir sagen hier, Suad, Suad, bei einem Konfigurationsobjekt und wir sagen, wenn es einen Krieg gibt, bekommen wir den Wert vom Knopf. Das ist Qualitäten resultieren auf Dann, mit diesem Ergebnis, sagen wir, wenn das Ergebnis der Wahrheit entspricht, dann würden wir gerne diesen Teil tun. Jemand schneidet das und kleben hier drüben. Also im Grunde bekommen wir jetzt das Versprechen. Wenn die Versprechen resultieren, überprüfen wir, auf welche Schaltfläche geklickt wurde. War es der wahre Burton oder der falsche Knopf? Wenn die falsche Schaltfläche wir nichts tun, vielleicht können Sie einfach sagen, dass der Datensatz nicht gelöscht wird, aber sonst ist dies, was wir tun wollen. Und die Konfiguration kann jetzt so etwas wie Titel haben. Wir können sagen, dass Sie stimmen, um diesen Konflikt zu streichen. Nächstes wird von nun an platziert. Dann kann ich sagen, Wichtigkeit, die ein ari auf dem ersten Knopf ist, soll sein wie, Ja, ich möchte das löschen. So wird dies nicht die D Für nur die letzte Taste wird der Standard sein, so kann ich die nächste aus der Schaltfläche angeben passiert, wie, Ja, ich bin sicher Andi, Dann, wenn Sie sichtbar bleiben, ist wahr . Wert ist auch wahr. Das ist also derjenige, den wir hier tatsächlich als Ergebniswert erhalten, sobald ich den Ergebniswert als echte Sarette bekomme , die versucht, dies zu löschen. Ebenso werde ich Ihnen auch eine andere geben, die ein geholtes ist, können Sie sagen, abbrechen und sichtbare Wahrheit, die nicht für die zweite Schaltfläche erforderlich ist und dann East Falls Wert. Wenn Sie also auf die zweite Schaltfläche klicken, ist es, als ob Sie auf die Schaltfläche Abbrechen geklickt werden und das Ergebnis ist falsch. Daher wird diese Bedingung ignoriert und der Datensatz wird nicht gelöscht. Der Dialog wird sowieso beendet, also speichern wir das. Gehen Sie zurück für Rosa auf gibt es einen Lösch-Button. Lassen Sie uns auf die Schaltfläche Löschen klicken. Es wird sagen, dass Sie diesen Kontakt löschen wollen, bitte. Bestätigen Sie s ich bin sicher abgesagt. Sie stornieren, entfernen Sie einfach die Della Box und Sie bleiben hier zurück. Aber wenn ich auf Löschen klicke und ja sage, bin ich sicher, dass die eigentliche Aktion, die den Kontakt löscht, stattfindet. Und nach der Führung, wir werden nicht mehr in diesem Bereich sein, aber es wird es in die Kontaktliste auf Sie sehen, dass es jetzt gelöscht wurde. Also lasst uns die Zehe zurückgehen. Noch ein Kontakt. Als ich das Dorf sagte, möchte ich vielleicht angeben, dass es eine Warnung oder ein Fehler ist. Warnung wäre besser. So kann ich hier sagen, dass zusammen mit dem Titel Text Wichtigkeit, Ich kann auch sagen, Icon ist Warnung auf. Setzen Sie ein Komma. Speichern Sie das. Geh zurück. Wenn ich jetzt auf den Lösch-Button treten, werden Sie sehen, dass es eine Warnung gibt. Sie sind dabei, diese Kontaktpolizei zu löschen Bestätigen? Ja, ich bin sicher. Abbrechen Reading Village abbrechen. Ja. Ich bin sicher, dass der Datensatz gelöscht wird. 35. Aufbau und Deponierung: unsere Telefonbuchanwendung ist jetzt fertig. Und schauen wir uns den Ordner an, den wir haben, also ist er auf meinem Desktop. Darauf ist die Telefonbuch-App und auf McElroy Zika Press Space Bar. Ich bekomme Informationen über das Verzeichnis, und Sie können sehen, dass es 302.4 ist und mit 10 Elementen ist. Dieser spezielle Ordner besteht aus mehreren Dateien, schlägt Jason Files vor. Ich habe Skriptdateien oder Modelle mit repräsentieren Pakete, die extern installiert sind, die den großen Teil unseres Anwendungsarbeitsbereichs belegten. Um diese Anwendung auszuführen, öffnen wir eine Mannfront auf dem Arbeitsbereich. Ich eröffne ein neues Terminal. Sie waren Stadt, das Aktien-Telefonbuch und dann NGO. Es gibt also auch eine Warnmeldung, dass dies ein einfacher Server ist, der zum Testen verwendet wird. RT. Winkelanwendungen lokal darauf buchen, können wir nicht in der Produktion verwenden . Es hat auch eine Reihe von Charles könnte Dateien erzeugt, die physisch noch nicht verfügbar sind . Aber wenn ich zum Browser gehe und lokale öffne, der von einer Null genannt Entwicklerangelegenheit vorhergesagt , werden Sie sehen, dass es im Netzwerk viele Dateien gibt, die gekommen wären, so dass alle diese Freunde jetzt hier verfügbar sind, aber nicht physisch überall verfügbar, so dass diese Dateien benötigt werden müssen. Wenn wir dies im Schlepptau einen Produktionsserver schieben. auch die tatsächliche HTML-Quellbewertung sehen, Wenn Sieauch die tatsächliche HTML-Quellbewertung sehen,werden Sie sehen, dass es einen Schrägstrich entwurzelt gibt , der auch in unserer Anwendung vorhanden ist, so dass Sie sehen können, dass unter SRC-Index HTML Schrägstrich genehmigt entwurzeln. Aber zwischen Schrägstrich und Schrägstrich Körper, können Sie sehen, dass es eine Menge von Skript-Injektion, die stattgefunden hat. Also in Wirklichkeit brauchen wir diesen Index html auf nicht sie belagerten Mel, was wir in unserem Anwendungsverzeichnis haben . Um diese Anwendung in ein Format zu konvertieren, das einem Produktionsserver gegeben werden kann , haben wir alle unsere PS-Dateien im Schlepptau zu kompilieren. Angemessene HTM und Kind war beschwipst wie ein Gewürz, und dieser Prozess wird uns Gebäude genannt. Andi. Es ist sehr einfach, weil eckig mit seinen eigenen Bauwerkzeugen kommt. Also, wenn ein gutes des Pakets Doc Jason hier, können Sie sehen, dass es einen Befehl namens Build gibt, der n g build onda darstellt. Wir können auch die Energierechnung ausführen, die direkt Also lassen Sie uns einen Blick auf das in der Eingabeaufforderung. Also werde ich aufhören. Die Entwicklungen sind es wert, indem Sie Kontrolle Z drücken und dann n g Build viele Optionen hier drüben gehalten . Wir verwenden sie vielleicht gar nicht alle. Das erste, was Sie sich ansehen müssen, ist die Verwendung. Es sagt n g build, das ist ein Projektarbeitsraum auf, dann die Optionen. Nun, wenn Sie das Projekt weglassen, welchen Raum? Es wird davon ausgehen, dass Sie in der Arbeit mit sich selbst. Es gibt wenige andere Optionen, wie ein Woody, das vor der Zeitkompilierung aufgerufen wird. Wir werden dies in einem separaten Video besprechen. Dann haben Sie etwas, das basierend A true genannt wird, wenn der Ural aus der Anwendung erstellt wird. Wir werden auch einen Blick darauf werfen, wenn wir darauf aufbauen. Wenn Sie auf ein Problem stoßen, wie kann uns das helfen? Es gibt noch ein paar andere Optionen. Einer von ihnen ist die s Müllprod. Wenn true die Rechnungskonfiguration auf das Produktionsziel setzt, sind dies die einzigen beiden Optionen, die wir aufnehmen könnten, um Dash es Kort zu verwenden. Und das ist nur ein Produkt, das das ausprobieren wird. Nun, wenn Sie sehen, gibt es keine Ordnerecke ist, wenn Sie den Build-Prozess beenden, dass dieser Ordner automatisch erstellt wird, der Energie Build startet . Das ist einfach falsch daran. Nur ein Körperdrücken eingeben, abhängig von der Geschwindigkeit der Computergröße der Anwendung. Dies kann einige Zeit dauern, also dauerte es in meinem Fall fast 35 Sekunden, was ziemlich lange ist. Es gibt wenige Dateien, die Sie Laufzeitpunkt Js sehen können, das ist 1,41 Kilobyte Krippen, die nur 388 Kilobyte sind. So ziemlich alle von ihnen sind Inkubate, und Sie können auch sehen, dass der Bootstrap, den wir hinzugefügt haben, in Stile auf einer Hash-Nummer externalisiert wurde , sagt Garcia. So ist der Stil, zum Beispiel, ein 136 Kilobyte. Aber wenn Sie dies mit dem vergleichen wollen, das wir während der Entwicklung erzeugt haben, sind die Entwicklungen Arbeit. Wenn ich also nach oben scrolle, können Sie sehen, dass Js Stile an einem Punkt 09 MB ist. Wender Jays etcetera sind 4,0 Toe MBI, was alles in Megabyte ist und alles in Kilobyte hören. Wenn Sie auch die neue Director-Struktur sehen, gibt es diesen Ordner, den ich sehen kann. Was gibt es in diesem Testordner? Es besteht aus Telefonbuch App-Direktor. Das ist, wie Projekt, um ein Verzeichnis zu erstellen, hat einige Lizenzdateien, alle Assets, die wir hatten, wie Bilder. Sie sind alle hier drüben ein D für Fair Wycombe gehalten. Aber wir können uns ändern. Es gibt nur einen einzigen HTML, obwohl wir einen erstellt haben. HTM. Und für jede der vier Komponenten ist alles im Schlepptau gebündelt. Haupttür Stühle Es gibt keine zusätzlichen HTML-Dateien, daher wird dies als statischer Inhalt Ihrer Anwendung bezeichnet. Wenn dies bereitgestellt wird und der Zugriff von einem Poser erfolgt, läuft diese Anwendung im Browser des Clients. Es gibt also keinen Service, eine Anforderung abseits des Kurses. Wir haben immer noch unsere Ruheendpunktanforderung. Aber nachdem die US-Bereitstellung betroffen ist, sind dies die Dateien, die wir auf einem Produktionsserver für die Bereitstellung bereitstellen müssen. Es gibt viele Optionen haben wir Nummer Eins Option wäre eine CD, in der stehen für Content-Delivery Netzwerk. Es gibt ein gemeinsames Hosting wie das, das ich auf Go Daddy verwende, gibt es niedrigere Plattformen wie Google Cloud oder Amazon Cloudwatch. Und es gibt viele, viele Möglichkeiten, die Sie für uns haben. Näheres Konzept. Einer der Syrer, den wir erforschen können, ist, welche Schule unsere Botschaft durchsucht hat. Dies ist ein Syrer für das Hosten statischer Websites mit einigen Sub-Domains sowie vergangene Unterminen. Wenn Sie zu den Preisen gehen, können Sie sehen, dass es eine kostenlose Nutzung des Levels, die unbegrenzte Veröffentlichungsoptionen hat . Cast untergräbt grundlegende SSL. Alles, was Sie tun müssen, ist, es zu benutzen. Es gibt absolut keine Saiten, die testen. Es gab auch $30 pro Monat Optionen, die unbegrenzte Projekte, unbegrenzte Publisher, benutzerdefinierte Domain benutzerdefinierte, SSL auf und viele andere Funktionen hat unbegrenzte Publisher, benutzerdefinierte Domain benutzerdefinierte, . Natürlich für die Demonstrationszwecke werden wir für die Demonstrationszweckediese kostenlose Option auf dem Weg verwenden, mit dem Sie anfangen können zu arbeiten. Das ist sehr einfach. Lassen Sie mich das Gleiche demonstrieren. Das erste, was 1.000.000.000 zu tun ist, ist Schleppen. Installieren Sie dies auf Ihrem Computer mit N b. M. Installiert, dass Chef alle global auf Anti Suche. Also stieß ich auf dieses Problem während der Installation, weil auf dem Mac, um ein globales Paket zu installieren, wir mit den sudo-Befehlen laufen müssen, wenn Sie dieses Echtzeit-Pseudo hören und wir wurden verhungert Tod G, und dann suchen sie in und dieses Mal sollte es kein Problem geben und es wurde erfolgreich installiert. Und wenn ich Ihre Suche, die Gesundheit versteckt, wird es mir einige Optionen geben, dass der Befehl hier Zehe am besten, die ich in uns geliebt habe. Und wenn ich ihn geliebt habe, kann ich ausschließen. Ich kann mich wieder einloggen. Ich kann alle Projekte auflisten, die ich bereitgestellt habe. Ich kann ein Projekt Limousinen. Ich kann auch sehen, was für ein Plan mein ist. Es ist also sehr, sehr einfache Benachrichtigung, dass ich noch kein Konto erstellt habe, also muss ich tun, ist Abschleppen Führen Sie den Suchbefehl aus, und es wird mich fragen Was ist die E-Mail-Benachrichtigung, dass es sich anmelden wird, wenn meine E-Mail bereits vorhanden ist, oder es wird das neue Suchkonto löschen, indem Sie die neue E-Mail auf das Passwort eingeben. Also habe ich meine Emails gemietet. Andi, es wird mich fragen, was ist das Passwort in das Passwort? Dies könnte ein neues Passwort sein. Wenn Sie zum ersten Mal ein Benutzer beendet hat, werden Sie gefragt, ob Sie sich den Projektstandort ansehen. Im Moment ist es, meine Arbeit direkt zu finden, die auf dem Anschlag für die Suche nach oben ist. Aber die, die ich einsetzen möchte, ist dort im besten Telefonbuch und dann war ich zärtlich . Es hält mich an. Was ist das? Oh, mein Name. Es gibt dir lustige Namen. Ergänzungen, wie in diesem Fall brachten Operetten. Ich will das nicht. Ich werde sagen, N g sieben Telefonbuch auf Ich habe Enter gedrückt. Für den Fall, wenn dies obwohl mein Name N G sieben Telefonbuch bereits Bohne von jemand anderem verwendet hat, wird es mir ein anderes Sprichwort geben, dass Sie keinen Zugang zu diesem bestimmten göttlichen haben. Aber wenn dies Ihr eigener Geist ist und Sie versuchen, Dr. meinen Namen anzugeben, wird es einfach überschreiben, ohne zu fragen. Also seien Sie vorsichtig damit, denn Ender sieht aus wie Engy sieben Telefonbuch waas verfügbar. Und jetzt wurde es erfolgreich abschleppen n g sieben Telefonbuch veröffentlicht. Lass uns zum Ural gehen und dann einen Blick darauf werfen, wie das aussieht, damit ich zu einem geöffneten Browser gehen kann . Und du, dass g sieben Telefonbuch Punkt sagt, du bist so eine Presse. Geben Sie ein und Sie können sehen, dass meine Anwendung jetzt von einem Remote-Webserver bedient wird, nicht von lokalen oben. Aber es gibt hier ein kleines Problem, denn wenn ich hier zu einer Kontaktliste gehe, die Kontaktliste am besten von einem lokalen Rastendpunkt aus. Zum Beispiel, Wenn ich zur Entwicklerkonsole gehe und schauen Sie sich Network Tab, zum Beispiel, HTTP-Anfragen kick auf die Kontaktliste. Sie werden sehen, dass es mit einem für nicht besser kommt, so dass Sie einen Blick darauf haben können. Hatte hier eine Nachricht. Es besagt, dass lokale 43 Doppel Null Schrägstrich Kontaktseite Nummer eins, wenn fehlgeschlagen. also natürlich Wir müssenalso natürlichsicherstellen, dass unser Ruhepunkt läuft. Also werde ich zurück zum Kommando Front, NPM laufen Jason serviert Ender und dann zurück zum Browser gehen Goto nach Hause und kommen zurück zur Kontaktliste, und jetzt können wir sehen, unsere Kontaktliste ist verfügbar. Jetzt müssen Sie verstehen, eckig ist nur über die Front, und so sind wir in der Lage, den Freund und die Anwendung erfolgreich auf einem Produktionsserver bereitzustellen . jedoch Wenn Siejedocheckig sind, hängt die Anwendung von einigen besten Endpunkten ab. Sie müssen eine gültige Rest-Endpunkt-Adresse angeben. Zu diesem Zeitpunkthaben wir dies nicht, haben wir dies nicht, aber wenn Sie Zugriff auf einen Remote-Rest-Endpunkt haben, aktualisieren Sie dies bitte. Also in unserer Anwendung wird es in SRC bei Service-Telefonbüchern gegeben werden, die wir hier beginnen. Dies ist also der Ort, den wir ändern müssen, um auf diesen Restaurant-Point von mehr Endpunkt zugreifen zu können. Eine weitere Bereitstellungsoption, die wir haben, ist die Bereitstellung auf einem gemeinsam genutzten Hosting-Server. Lassen Sie mich meine GoDaddy Dashboard-Optionen hier öffnen. Haben meine Produkte ihnen eine Hosting-Optionen gehört? Ich denke, auf verwalten hier habe ich Ah, Dateimanager. Ich höre einen neuen Ordner mit dem Namen von N G sieben Telefonzelle. Si. Ok. Und die vier dort sind hier geschaffen worden, also habe ich dasselbe geöffnet. Es sind jetzt absolut keine Dateien drin. Alles, was ich tun muss, ist das Test-Ordner Telefonbuch zu gehen, um all diese Dateien Dragon betrunken hier drüben auszuwählen . Onda. Sobald es hochgeladen ist, haben wir jetzt Zugriff auf unsere Anwendung von einem gemeinsamen Hosting, so kann ich Zehe gehen, um Schrägstrich n g sieben Telefonbuch ender zu bewältigen. Sie können sehen, dass es einen Fehler zu geben scheint. Werfen wir einen Blick auf das Bessere. Die Redakteure sind alle mit dem Netzwerk verbunden. Wenn Sie sehen, dass es einen Grunzen Js Polly Villages Editor gibt. Der Grund dafür ist der Speicherort von jeder der generierten Dateien. Also, zum Beispiel, wenn Sie nur die meisten unter Reagan taters bewegen, wissen wir dunkle coole Schrägstrich Hauptpunkt-Hash nummeriert R J s, während es von n g sieben Telefonbuch Schrägstrich kommen sollte, jetzt ist dies, wo der Bass Kopf Sheriff kommt ins Bild. Wenn ich die Strandquelle hier ansehe, können Sie sehen, dass dort, dass diese aufgerufene basierte Natur gleich zwei Schrägstrich ist, der Schrägstrich n g sieben Telefonbuchschrägstrich sein sollte Dies kann auf zwei Arten angesprochen werden. Jetzt ist einer der Weg geht toe Index html Hier, bearbeiten Sie, dass adrift gleich toe Schrägstrich n g sieben Telefonbuch Schrägstrich Speichern Sie es. Und wenn ich beim Nachladen hierher zurückkomme, solltest du nicht sehen, dass es kein Problem damit gibt. Wir können auf die Kontaktliste zugreifen, um sie anzeigen zu können, um sie zu bearbeiten. Wir werden in der Lage sein, all diese Dinge zu löschen, die wir ohne Probleme tun können. Die zweite Methode ist in den Build-Optionen, die wir zuvor gesehen hatten. Es gab eine Option namens Based Hedge Sheriff. Also, während sich selbst bauen, könnten wir Dash Dash Basij von Equals zwei Schrägstrich n g sieben ausländische Bücher Schrägstrich angegeben haben. So ist es, wie einfach es ist, Ihre eckige Anwendung zu bauen und auf Zehe entweder syrische wie Chirurgie Nachricht oder eine Aktie Hosting wie Go Daddy bereitgestellt . 36. JIT und AOT compilation: da wir Winkelanwendung mit Typoskript von No entwickeln, sollten Sie sich bewusst sein, dass angular einen Compiler verwendet, um Typen zu transformieren. Holen Sie sich in einen Job als gute ehemalige genannt, die schließt verstehen können. Angular kommt mit zwei Arten von Compilern. Einer wird JT genannt sind nur in 10 Compiler. Die andere ist ein Körper sind der Zeit voraus. Kombinieren Sie ER, der Standardentwicklungsbuild verwendet einen Jit-Compiler. Wenn wir also NJ Star Command standardmäßig ausführen, Entwicklung, wird Entwicklung, Build generiert. Und daher wird der Jit-Compiler verwendet, um dasselbe zu verstehen. Lassen Sie uns gehen und unsere Anwendung erstellen. Er war im Werbespot in Dschibuti, vorher die Entwicklungs-Build-Optionen nutzt. Also, wenn ich die Eingabetaste gedrückt habe, hat es den erforderlichen Kelch erzeugt Könnte findet. Eine der Datei hier sind die gerenderten RJs, die aus eckigen Compiler und eckigen Framework besteht. Wir sehen auch eine Karte in Ordnung für jedes der JavaScript. Dies kann verwendet werden, um den Inhalt von einem bestimmten JavaScript und seinen Abhängigkeiten zu erkunden . Dazu müssen wir ein Tool Caldas Quelle installieren. Map Explorer und lassen Sie uns den gleichen NPM installieren. Ich beschaffe meinen Entdecker. Jetzt haben wir einen Befehl Aufruf Quellkarte Explorer in der North Modules Schrägstrich Dark bin Ordner um die gerenderte RJs Lassen Sie uns in den Befehl dunklen Schrägstrich Nord Module Punkt Schrägstrich Quelle Map Explorer zu erkunden , gefolgt von den Anbietergebühren die sich im Disc-Ordner Telefonbuch bei Render Chase befindet. Also drücke ich, schicken Sie uns. Dies öffnet eine Freude im Browser, erkunden verschiedene Aspekte aus gerenderten IGs Sie sehen können, dass die Tochter sagt, dass der Rendervorgang 3,8 nb jagt, oder durchschnittlich mehr als 50% Rabatt, die durch den eckigen Rahmen und die eckige besetzt ist -Compiler. Wenn wir also diesen Build verwenden, kämpfen und die Anwendung ausführen, muss jede Diamantkomponente geladen werden. Der Compiler kommt ins Bild, beschwert sich, dass Indien JavaScript zum ersten Mal und dient dann der Broza. Nachfolgende Anforderungen werden die generierten Charles get-Dateien verwenden. Jetzt können wir untersuchen, was passiert, wenn Sie den Produktionsstart verwenden, indem Sie diese Anwendung stoppen und unsere Anwendung mithilfe der breiten Option Bindestrich neu erstellen. Also kann ich Engy Build Broad sagen , der den A Woody-Compiler enthält. Es gibt zwei Dinge, die Sie beobachten können. Nummer eins ist, dass es keine Kartendateien generiert, zusammen mit den JavaScript-Kämpfen und das ist einfach. Wir können eine weitere flak hinzufügen oder unsere Quellkarte gestrichelt. Aber wichtig ist, dass es keine RJs selbst gibt. Und das ist Familie, weil der größte Teil der Lieferantenjagd das Framework im Compiler selbst war, das nicht mehr dort ist. So wird es mit den wichtigsten Kirchen kombiniert, in denen es ist, so dass wir Hauptpunkt Js auf erkunden können. Wir können die Fensterfackeln auch explizit erzeugen, indem wir einen weiteren Flug hinzufügen. Lassen Sie uns also den Befehl ausgeben N g wird. Das ist nur ein Problem. Strich. So schlau. Und das ist nur, wenn der Chunk kein anderes Window GS, das ist nur 349 Kilobyte im Vergleich mit 3,8 nb aus dem vorherigen Teil. Also lasst uns am selben Tag erkunden Dunkle Schrägstrich noch Module, dunkle Schrägstrich Quelle. Mein Explorer Tür Schrägstrich Liste Schrägstrich Telefonbuch ab Schrägstrich Freund Bestellung Js Und jetzt können Sie sehen , dass es keinen Compiler gibt, sowie der eckige Rahmen wurden in diesem enthalten. Dies war der vorherige, der 3.8 belegt und mehr als 50% ist das Framework im Compiler und es gibt keinen Compiler hier, was bedeutet, dass all unser Typoskriptgericht während des Build-Prozesses selbst in JavaScript umgewandelt wird . Wenn also Fehler auftreten, wie z. B. Vorlagenbindungsfehler, werden sie während des Build selbst gemeldet. Aber wie in der Entwicklung Washington, die Zusammenstellung geschieht Darren Zeit. Es sei denn, es gibt einen Editor während der Zeit, es wird überhaupt nicht gemeldet. Lassen Sie uns das gleiche verstehen, indem Sie explizit einen Vorlagenkochenfehler begehen und sehen, ob der andere zur falschen Zeit oder zur Builder-Zeit gemeldet wird. Also gehe ich in den Kern. Ich gehe zu einer der Komponenten. Gehen wir zu der anderen Kontaktkomponente in der DIA. Das ist klar, dass eine Funktion uns genannt hat. Get Detective genau gibt eine Zeichenfolge auf einem neuen Kontakt zurück und lassen Sie uns diese Funktion in unserem HTML aufrufen , indem Sie eine doppelte Live verwenden, wie es auf nur um sicherzustellen, dass wir eine Vorlage planen andere haben , lassen Sie uns absichtlich bekommen Unterstrich Titel als Funktion namens Save This. Gehen wir zurück zur Eingabeaufforderung. Stoppen Sie den Quell-Map-Explorer und verwenden Sie den Befehl in der Seele, die standardmäßig die Entwicklungsrechnung verwendet. Wenn ich die Eingabetaste gedrückt habe, können Sie sehen, dass es keine andere gab und es sagte, erfolgreich kompiliert. Er gewann die andere Schablone Bindung zusammen. Also gehen wir zum Browser. Andi, öffnen Sie den lokalen Host 47 0 und Sie können sehen, dass die Anwendung erfolgreich ausgeführt wird. Ich sollte zu anderen Komponenten gehen, aber wenn ich zu unserem neuen Kontakt gehe , werden Sie sehen, dass es keinen Titel gibt, und das liegt in erster Linie daran, dass jetzt, wo die Kunstkontakt-Komponente geladen ist, der Jit-Compiler versucht, das Gesichter zu kompilieren, eine Template-Bindung besser. Und das andere wird auf der Konsole berichtet, dass Get Unterstrich Titel ist keine Funktion, also gibt es keinen Fehler während des Building-Prozesses, aber zur gleichen Zeit haben wir einen Fehler. Jetzt schauen wir uns an, was mit einer holzigen Option passiert. Also lassen Sie mich schließen. Diesmal gehe ich zurück zum Kommando. Prompt Vertrauen steuert er dies zu stoppen, löschen Sie den Schrei Typ der Befehl Engy serviert mit einer Flagge von einem Körper, die enthalten ist. Wenn Sie Engy Build Striche Produkt tun und das ist ender, Sie sollten sehen, dass es nicht besser eine Vorlage Bindung besser angibt, und Sie können sehen, dass die Rechnung fehlgeschlagen ist und ich keinen neuen Angriff öffnen kann, lokal zuerst für eine doppelte Null, weil die kompletten Gebäude zu diesem Zeitpunkt fehlgeschlagen sind, und nur um sicherzustellen, dass dies erfolgreich durchgeführt wird. Wenn keine Bearbeitung vorhanden ist, speichern Sie diese. Geh den Befehl zurück. Prompt-Kontrolle, Siehe, um dies zu stoppen, sind auf dem gleichen kommen wert. Und was mehr ist dieses Mal haben wir keine Art von Kampf Begeisterung, andere wegen denen unsere Gebäude erfolgreich auf der Anwendung können auch ohne Probleme offen sein . 37. Schlussbemerkung: Vorschriften über den Abschluss dieses Kurses. Dieser Kurs endet hier für das Lernen weiter. Ich hoffe, Sie haben von den Partituren profitiert und genießen das Lernen. Winkelig. So sehr ich es genossen habe, diesen Kurs zu erstellen, danke ich Ihnen aufrichtig für die Produktion des Diskurses und wünsche Ihnen Erfolg in Ihrer Zukunft. Wenn Sie irgendwelche Zweifel an meinen Vorträgen oder Demonstrationen haben, zögern Sie nicht, zurück zu kommen. Ihr Feedback hat mir geholfen, meine zukünftigen Kurse zu nutzen. Wieder mal. Vielen Dank und wünsche Ihnen alles Gute.