Version vom 15. August 2021, 06:56 Uhr

Links

ng new BookMonkey -p bm
# ... Angular routing: y
# Rest: leere Eingabe
npm install semantic-ui-css

Änderung in angular.json:
- projects -> BookMonkey -> architect -> build -> options -> styles:
- projects -> BookMonkey -> architect -> test -> options -> styles:

  "styles": [
    "node_modules/semantic-ui-css/semantic.css"
  ],

ng g interface shared/book
ng g component book-list

Dekorator @Component
Initialisierung nicht im Konstruktor, sondern in ngOnInit(): void(){}
Alle Bausteine der Anwendung werden mittels @NgModule() in Angular-Modulen organisiert.
Eine Komponte muss immer in declarations eines Moduls registriert werden.

@@ Zeile 17: / Zeile 17: @@
    ],
 </pre>
+* neues Interface
+<source lang="bash">ng g interface shared/book
+ng g component book-list
+</source>
+* Anpassungen in booklist.component.html
+* Anpassungen in booklist.component.js
+* Eintrag in app.component.html: <code><bm-book-list></bm-book-list></code>
+== Komponente ==
+* Dekorator @Component
+* Initialisierung nicht im Konstruktor, sondern in <code>ngOnInit(): void(){}</code>
+* Alle Bausteine der Anwendung werden mittels <code>@NgModule()</code> in Angular-Modulen organisiert.
+* Eine Komponte muss immer in declarations eines Moduls registriert werden.