Как показать div в соответствии с состоянием флажка?

Question

Я хочу показать div, когда флажок установлен ....

1 Extérieur

    <div hidden
      [hidden]="toto">
      CHECKED 1
    </div>


    <div hidden
      [hidden]="tata">
      cHECKED 2
    </div>

Answer 1

Определите условно отображаемый div с идентификатором

<div hidden id="toto">TOTO is checked</div>

Затем добавьте действие в свой флажок, чтобы переключить его видимость:

<input type="checkbox"
    on="change:toto.toggleVisibility" ...