AngularJS ng-switch 指令

定义和用法

ng-switch 指令允许您根据表达式隐藏/显示 HTML 元素。

如果子元素通过 ng-switch-when 指令获得匹配项，则会显示带有 ng-switch-when michako ya mawakilishi wa muhimu, inaonekana kama inaonekana kwa sababu ya kufikiria kwamba kama michako hiyo inaonekana inaonekana kama inaonekana.

Inaweza kuitumia ng-switch-default Inaruhusu kufafanua sehemu kwa kusababisha uangalifu wa hisia kama hii inaonekana kama ni kwa sababu ya kufikiria kwamba kwa sababu ya hisia hiyo inaonekana.

Mifano

Inaonyesha sehemu ya HTML kwa sababu ya thamani ya kipekee tu:

<div ng-switch="myVar">
  <div ng-switch-when="dogs">
    <h1>Kusina</h1>
    <p>Waharibika katika dunia ya kusina.</p>
  </div>
  <div ng-switch-when="tuts">
    <h1>Matoleo</h1>
    <p>Uongea mifano.</p>
  </div>
  <div ng-switch-when="cars">
    <h1>Magari</h1>
    <p>Soma juu ya mafanikio ya magari.</p>
  </div>
  <div ng-switch-default>
    <h1>Chagua</h1>
    <p>Chagua mada kutoka kwenye kichwako, kuendeleza matokeo wa hii DIV.</p>
  </div>
</div>

Jifunze kwa urahisi

Makosa

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

Mafanikio ya kila kitu cha HTML yana huzuni.

Parama