Replies: 26 comments 1 reply
-
|
Google JavaScript Style Guide: https://google.github.io/styleguide/jsguide.html |
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.
-
|
Build Tool für Monorepos: |
Beta Was this translation helpful? Give feedback.
-
|
OIDC/OAuth mit Angular: |
Beta Was this translation helpful? Give feedback.
-
|
Verschachteltes Objekt klonen: const myObj = {
title: 'Angular',
rating: 5,
author: {
firstname: 'F',
lastname: 'L'
},
tags: ['Angular', 'TypeScript', 'Web']
}
const myCopy = {
...myObj,
author: {
...myObj.author,
firstname: 'L'
},
tags: [...myObj.tags, 'Browser']
};
// komplette Deep-Copy
const myCopy2 = structuredClone(myObj);
myCopy2.author.firstname = 'L'; |
Beta Was this translation helpful? Give feedback.
-
|
Einer der Gründe für |
Beta Was this translation helpful? Give feedback.
-
Freiwillige Hausaufgabe (2)Deaktiviere die Buttons in der |
Beta Was this translation helpful? Give feedback.
-
|
falsy: false, null, undefined, NaN, 0, '' (leerer String) |
Beta Was this translation helpful? Give feedback.
-
|
OpenAPI-Clients generieren: |
Beta Was this translation helpful? Give feedback.
-
Freiwillige Hausaufgabe (3)
|
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.
-
|
Zeit bis 11:25 Uhr |
Beta Was this translation helpful? Give feedback.
-
|
Reactive Sub-Forms in Angular: |
Beta Was this translation helpful? Give feedback.
-
|
Dynamische Formulare mit ngx-formly: |
Beta Was this translation helpful? Give feedback.
-
|
Reactive Forms mit verschachteltem Formularmodell: Direktiven |
Beta Was this translation helpful? Give feedback.
-
Freiwillige Hausaufgabe (4)
|
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.
-
Hausaufgabe (5)Lies dir das Handout und die Folien zu RxJS in Ruhe durch (siehe Portalseite) und schau dir die vergangenen Übungen im Playground noch einmal an. Bringe morgen deine Fragen mit! 🙂 |
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 --defaults |
Beta Was this translation helpful? Give feedback.
-
|
Redux 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.
-
bookForm = new FormGroup({
isbn: new FormControl('', {
nonNullable: true,
validators: []
}),
title: new FormControl('', {
nonNullable: true,
validators: []
}),
description: new FormControl('', {
nonNullable: true,
validators: []
}),
rating: new FormControl(1, {
nonNullable: true,
validators: []
}),
price: new FormControl(0, {
nonNullable: true,
validators: []
}),
}); |
Beta Was this translation helpful? Give feedback.
-
Hier können wir während des Workshops Links und Codeschnipsel teilen.
Beta Was this translation helpful? Give feedback.
All reactions