Angular-BookMonkey: Unterschied zwischen den Versionen

Aus Info-Theke
Zur Navigation springen Zur Suche springen
Zeile 17: Zeile 17:
   ],
   ],
</pre>
</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.

Version vom 15. August 2021, 04:56 Uhr

Links

Schritte

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"
  ],
  • neues Interface
ng g interface shared/book
ng g component book-list
  • Anpassungen in booklist.component.html
  • Anpassungen in booklist.component.js
  • Eintrag in app.component.html: <bm-book-list></bm-book-list>

Komponente

  • 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.