2.1. Užduotys

Atgal į: Įvadas į Angula...

1. Padarykite taip, kad Jūsų programa išvestų skirtingomis spalvomis (uždedant skirtingas bootstrap klases) priklausomai nuo rezervuaro pripildymo:

  žalia - nuo 0 iki 60 %

  geltona - nuo 60 iki 80 %

  raudona - nuo 80% iki neroboto kiekio

Klasių pakeitimui naudokite ngClass direktyą


2. Padarykite taip, jog priklausomai nuo užpildymo būtų išvedamas ir tekstas:

  nuo 0% iki 80%  tekstas turi būti: "Rezervuaro užpildymas: XX%"

  nuo 80% iki 100%  tekstas turi būti: "Dėmesio!!! Rezervuaro užpildymas: XX%"

  virš 100%  tekstas turi būti: "REZERVUARAS PERPILDYTAS. Užpildymas: XX%"


Teksto pakeitimą galite realizuoti per rezultato kintamuosius. Teksto turi nesimatyti kol neatliekami skaičiavimai. Tai galite atlikti su struktūrine direktyva *ngIf