AngularJS ng-switch 指令

AngularJS အခြေခံ

定义和用法

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

如果子元素通过 ng-switch-when 指令获得匹配项，则会显示带有 ng-switch-when 指令的子元素，否则将删除该元素及其子元素。

您还可以使用 ng-switch-default 指令定义默认部分，以便在其他部分均不匹配时显示该部分。

အမှတ်အသား

အချိန်ကျ အမှတ်အသား တစ်ခု နှင့် ကိုက်ညီခြင်း မရှိဘဲ ဖြစ်ပါက၊ အချိန်ကျ အချို့ အိမ်ဖုံး HTML ကို ပြသပါ。</div>

<div ng-switch="myVar">
  <div ng-switch-when="dogs">
    <h1>ကျွန်း</h1>
    <p>သူတို့၏ ကျွန်းရာသီတွင် ဝင်ရောက်ပါ。</p>
<div ng-switch-when="tuts"> <h1>သင်ရိုးများ</h1> <p>ပုံစံများမှ သုံးသပ်ပါ。</p>

Cars

Read about cars.

Switch

Select topic from the dropdown, to switch the content of this DIV.

亲自试一试

语法

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

所有 HTML 元素都支持。

参数

参数 描述
expression 表达式，将删除没有匹配项的元素，并显示有匹配项的元素。

AngularJS အခြေခံ