Replies: 18 comments 1 reply
-
track für
|
Beta Was this translation helpful? Give feedback.
-
|
@if (book) {
<div class="card mb-4">
<div class="card-body bg-light">
<img class="img-thumbnail float-end" alt=""
src="https://api.angular.schule/avatar/{{ book.rating }}">
<div class="card-title">
<h2>
{{ book.title }}
<span class="badge bg-secondary">{{ book.rating }}</span>
</h2>
</div>
<p>{{ book.description }}</p>
<p>Preis: {{ book.price }}</p>
</div>
</div>
} |
Beta Was this translation helpful? Give feedback.
-
Freiwillige Hausaufgabe (1)
|
Beta Was this translation helpful? Give feedback.
-
|
dpunkt.plus – E-Books zum gedruckten Buch: |
Beta Was this translation helpful? Give feedback.
-
|
Abschalten des Automatismus der schließenden Klammer: Um den Automatismus des Einfügens von schließenden Klammern in Visual Studio auszuschalten und schließende Klammern manuell hinzuzufügen, kannst du folgende Schritte ausführen: |
Beta Was this translation helpful? Give feedback.
-
|
Verschachtelte Objekte klonen mit Spread Operator: const myObj = {
title: 'Angular',
author: {
firstname: 'F',
lastname: 'M'
}
}
const myCopy = {
...myObj,
author: {
...myObj.author,
firstname: 'L'
}
};
// echte Deep Copy
const myCopy2 = structuredClone(myObj);
myCopy2.author.firstname = 'L'; |
Beta Was this translation helpful? Give feedback.
-
Freiwillige Hausaufgabe (2)Deaktiviere die Buttons in der |
Beta Was this translation helpful? Give feedback.
-
|
ngOnChanges wird immer dann aufgerufen, wenn sich irgend ein Wert einer Komponente ändert, egal, wie viele Werte die Komponente vorhält, richtig? |
Beta Was this translation helpful? Give feedback.
-
|
Jein, immer wenn sich ein Input von außen durch ein Property Binding ändert. Aber da hast du Recht: Wenn es mehrere Inputs gibt, wird ngOnChanges() jedes Mal aufgerufen, wenn sich bei irgendeinem Input was ändert. |
Beta Was this translation helpful? Give feedback.
-
|
Zod Schema Validation: https://github.com/colinhacks/zod |
Beta Was this translation helpful? Give feedback.
-
Freiwillige Hausaufgabe (3)
|
Beta Was this translation helpful? Give feedback.
-
|
Required Input setzen im Test: 4581f6a |
Beta Was this translation helpful? Give feedback.
-
Vorarbeit für Formulare und SucheFür die nächsten Übungen ist etwas Vorarbeit nötig. Wir benötigen neue Routen und Komponenten.
|
Beta Was this translation helpful? Give feedback.
-
🎮 NEU: RxJS PlaygroundDu kannst dir entweder
cd rxjs-playground
npm install
ng serveÖffne den Browser unter der URL http://localhost:4300 (!), um die Anwendung zu sehen. |
Beta Was this translation helpful? Give feedback.
-
|
Organize Imports mit VS Code: Oder in die settings.json |
Beta Was this translation helpful? Give feedback.
-
Typeahead-SucheImplementiere eine Typeahead-Suche. Nutze als Basis dafür den Datenstrom
|
Beta Was this translation helpful? Give feedback.
-
|
NgRx einrichten: ng add @ngrx/store
ng add @ngrx/store-devtools
ng add @ngrx/effects
ng add @ngrx/schematicsng g feature books/store/book --api --entity=false --defaultsRedux DevTools (Browser-Extension): |
Beta Was this translation helpful? Give feedback.
-
ZusatzaufgabenRxJS PlaygroundHier gibt es noch die offenen Aufgaben "Chat" und "Dragdrop". Die Lösung für das Dragdrop findet ihr im Repo. Refactoring des bestehenden FormularsTeile das Formular zum Erstellen von Büchern in zwei Komponenten auf. Das reine Formular soll in einer eigenen neuen Komponente liegen, z. B. Bücher bearbeiten
|
Beta Was this translation helpful? Give feedback.
-
|
📕 Neu im Blog: |
Beta Was this translation helpful? Give feedback.
-
Herzlich Willkommen! 🎉 Hier können wir während der Schulung Links und Codeschnipsel teilen.
Beta Was this translation helpful? Give feedback.
All reactions