Skip to content

Commit

Permalink
Book Monkey v5: Modern Angular (#26)
Browse files Browse the repository at this point in the history
* Book Monkey v5: Modern Angular
* no diffs
* no trend
* <TemplateRef<unknown>>
* update `bootstrapApplication`
* no importProvidersFrom(BrowserModule)
* control-flow migration text
* @for track
* rename app-routes
* Signals: first part / draft
* First version: Signal Inputs
* first draft Output Dekorator
* Überarbeitung
* withFetch
* move to next month
* output
* isbnFormat
* add links
* styleUrl
* add schemtics from ngxtension
* TEXT
* Standalone
* Interceptor
* bis Ende
* httpclientmodule deprecated
* Headerbild
* titel, mail, autor
* input binding
* feinschliff
* gravatar mail
* ngxtension

Co-authored-by: Ferdinand Malcher <ferdinand@malcher.media>
  • Loading branch information
d-koppenhagen and fmalcher committed May 3, 2024
1 parent 52af6e1 commit f7dd346
Show file tree
Hide file tree
Showing 3 changed files with 1,079 additions and 5 deletions.
10 changes: 5 additions & 5 deletions blog/2022-06-angular14/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ Mit Angular 14 wurde dieses lang diskutierte Thema angegangen: Angular unterstü

Komponenten, Pipes und Direktiven müssen damit nicht mehr in einem Modul deklariert werden, sondern können alleinstehend verwendet werden.
Damit eine Komponente genutzt werden kann, wird sie direkt am Ort der Verwendung importiert.
Im folgenden Codebeispiel möchte die `AppComponent` die andere Komponente `DashboardComponent` in ihrem Template nutzen:
Im folgenden Codebeispiel möchte die `AppComponent` die andere Komponente `DashboardComponent` in ihrem Template nutzen:

```ts
@Component({
Expand Down Expand Up @@ -234,7 +234,7 @@ Im Gegensatz zum `Injector` muss sie nicht erst über Dependency Injection angef
```ts
import { inject } from '@angular/core';

export function getService() {
return inject(BookStoreService);
}
Expand All @@ -252,9 +252,9 @@ Eine Einschränkung ist hierbei zu beachten: Der Aufruf von `inject()` muss imme
> `ERROR Error: NG0203: inject() must be called from an injection context`
Durch die Unabhängigkeit von der Komponentenklasse ergeben sich viele spannende Möglichkeiten zur Komposition.
Es gilt jedoch abzuwarten, wie sich die neuen Patterns etablieren werden.
Wir empfehlen also, Abhängigkeiten zunächst weiterhin direkt über den Konstruktor anzufordern.
~~Es gilt jedoch abzuwarten, wie sich die neuen Patterns etablieren werden.
Wir empfehlen also, Abhängigkeiten zunächst weiterhin direkt über den Konstruktor anzufordern.~~
> Update März 2024: Mittlerweile hat sich `inject()` etabliert, und der Verwendung steht nichts im Wege.
> Für einige Ideen zur Funktion `inject()` möchten wir auf einen Blogartikel von Younes Jaaidi verweisen:<br>
**[Angular Inject & Injection Functions - Patterns & Anti-Patterns](https://marmicode.io/blog/angular-inject-and-injection-functions
Expand Down
Loading

0 comments on commit f7dd346

Please sign in to comment.