Angular-BookMonkey: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
K (→Schritte) |
|||
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.