Meu Class e Style Binding não alteram a cor do meu alert.

[roddsv-zz]

Quanndo eu clico nas abas de Sucesso, Info, Alerta ou Erro minha tela não muda de cor conforme a alerta e o texto "Esse texto somente aparece em caso de erro" não aparece em nenhuma hipótese na tela.

[luisangelorjr]

Opa @roddsv, tudo bem?

Copia e cola o conteudo do seu data-binding.component.ts. Se possível, já mandar tbm o do data-binding.component.html.

[luisangelorjr]

O meu .html se encontrou assim no momento dessa aula:

<section class="property-binding">
  <article>
    <h3>Class e Style Binding</h3>

    <div>
      Selecione uma classe:
      <select #classe (change)="0">
        <option value="alert-primary">Primário</option>
        <option value="alert-secondary">Secundário</option>
        <option value="alert-success">Sucesso</option>
        <option value="alert-info">Info</option>
        <option value="alert-warning">Alerta</option>
        <option value="alert-danger">Erro</option>
        <option value="alert-light">Light</option>
        <option value="alert-dark">Dark</option>
      </select>

      <br><br>

      <div class="alert alert-danger" role="alert"
        [style.display]="classe.value == 'alert-danger' ? 'block' : 'none'"
        [style.font-weight]="classe.value == 'alert-danger' ? 'bold' : 'italic'">
        Esse texto somente aparece em caso de erro
      </div>

      <div class="alert {{ classe.value }}">
        Texto colorido conforme seleção
      </div>

      <div class="alert" role="alert"
        [class.alert-primary]="classe.value == 'alert-primary'">
        A simple primary alert—check it out!
      </div>

      <div class="alert" role="alert"
        [class.alert-secondary]="classe.value == 'alert-secondary'">
        A simple secondary alert—check it out!
      </div>

...

[luisangelorjr]

[github-actions[bot]]

This issue is stale because it has been open for 30 days with no activity.

[github-actions[bot]]

This issue was closed because it has been inactive for 14 days since being marked as stale.