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.

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.

Overzicht servers