AngularJS ng-switch na instruction

Paglilinaw at Paggamit

ng-switch Ang instruction ay nagbibigay ng kapangyarihan sa iyo upang ihide o ipakita ang mga HTML na elemento base sa ekspresyon.

kung ang mga anak ng elemento ay sa pamamagitan ng ng-switch-when Kung ang instruction ay tumatanggap ng pagkakatugma, ito ay ipakita na may ng-switch-when ang mga anak ng instruction, kung hindi ay ipapapawalang-bisa ang elemento at ang kanyang mga anak.

Maaari ka ring gamitin ng-switch-default Ang instruction ay nagtatalaga ng default na bahagi upang ipakita kapag walang ibang bahagi ang tumutugma.

Mga Halimbawa

Magpakita lamang ng bahaging HTML kung ito ay tumutugma sa isang partikular na halaga:

<div ng-switch="myVar">
  <div ng-switch-when="dogs">
    <h1>Aso</h1>
    <p>Mahal na pumasok ka sa mundo ng mga aso.</p>
  </div>
  <div ng-switch-when="tuts">
    <h1>Mga Turo</h1>
    <p>Mag-aral mula sa mga halimbawa.</p>
  </div>
  <div ng-switch-when="cars">
    <h1>Cars</h1>
    <p>Read about cars.</p>
  </div>
  <div ng-switch-default>
    <h1>Switch</h1>
    <p>Select topic from the dropdown, to switch the content of this DIV.</p>
  </div>
</div>

Try It Yourself

Syntax

<element ng-switch="expression">
  <element ng-switch-when="value"></element>
  <element ng-switch-when="value"></element>
  <element ng-switch-when="value"></element>
  <element ng-switch-default></element>
</element>

Lahat ng mga HTML element ay sumusuporta.

Parameter