Servers
Dit is een oefening op components.
- Start een nieuw Angular-project zonder spec-files (-S).
- Maak twee componenten aan: servers en server-detail.
$ ng new servers -S
$ cd servers
$ ng g c servers
$ ng g c servers/server-detail
- Integreer Bootstrap in het project.
- Vervang de inhoud van app/app.component.html door
<app-servers></app-servers>. - Plaats op de servers component enkele server-detail componenten.
Preview: https://z01.be/ng-servers/
Server-detail component.
- Maak een Bootstrap alert box.
- Genereer een random servernummer tussen 10 en 99.
- Het servernummer is een even getal:
Schrijf in een groene alert box de tekst Server xx is ONLINE. - Het servernummer is een oneven getal:
Schrijf in een rode alert box de tekst Server xx is OFFLINE.
