Gabarito do Capitulo 06

de Código/Fórmulas

Prática 1:

No .html:

<div style="background-color: gray; width: 200px;">
  <!-- Barra interna que cresce -->
  <div [ngStyle]="{'width': nivelEnergia + '%', 'background-color': 'blue'}">
    Energia
  </div>
</div>

Prática 2:

No .css:

.texto-suave {
  color: #888;
  font-style: italic;
}

No .html:

<p [ngClass]="{'texto-suave': modoSilencioso}">
  Este é um sistema de comunicação discreto.
</p>