AngularJS ng-switch 指令

定义和用法

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

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

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

实例

只有当它匹配某个特定值时,才显示一部分 HTML:

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

అన్ని హెచ్టిఎంఎల్ ఎలిమెంట్స్ మద్దతు ఇస్తాయి.

పారామీటర్స్

పారామీటర్స్ వివరణ
expression ఎక్స్ప్రెషన్ అనేది మ్యాచింగ్ ఎల్లా మెంబర్స్ ను తొలగిస్తుంది మరియు మ్యాచింగ్ ఎల్లా మెంబర్స్ ను చూపిస్తుంది.

ఏంజులర్ జి రిఫరెన్స్ హాండ్బుక్