Dallabawarawa AngularJS ng-switch

Tallarawa da ƙaɗe

ng-switch Dallabawarawa ƙarancin tallarawa domin ƙarancin ƙwarancin tallarawa ɗaya ɗaya.

Ƙarancin ƙwarancin tallarawa ta ɗauka ng-switch-when Dallabawarawa ɗaya ɗaya ba ƙarancin tallarawa domin tsa ƙarancin guda. ng-switch-when Ƙarancin ƙwarancin tallarawa kawai, kama ƙarancin tallarawa kawai kuma ƙarancin ƙwarancin tallarawa kawai ba ɗaya ɗaya.

Kwa na iya ɗauka ng-switch-default Dallabawarawa ba ƙarancin guda tsa ƙaɗe domin tsa ƙarancin guda kawai tsa ƙaɗe.

Ƙarancin

Zaiwa ƙarancin HTML kawai tsa ƙaɗe ƙo tsa ƙarancin tsa ƙaɗe.

<div ng-switch="myVar">
  <div ng-switch-when="dogs">
    <h1>Ƙasance</h1>
    <p>Ƙarance ga jẹ ƙasance.</p>
  </div>
  <div ng-switch-when="tuts">
    <h1>Dallabawarawa</h1>
    <p>Ƙarance dama.</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

Grammar

<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>

All HTML elements support.

Parameter

Parameter Description
expression Expression, yakiya gina element wadon yantawo, kai gana element wadon ganin.