AngularJS基础 ng-switch 指令简单示例

AngularJS基础 ng-switch 指令简单示例

本文主要讲解AngularJS ng-switch 指令,这里对ng-switch 指令的基础资料做了详细整理,并附代码示例,有兴趣的小伙伴可以参考下

AngularJS ng-switch 指令

根据选中的值显示对应部分:

    我喜欢的网站 

菜鸟教程

欢迎访问菜鸟教程

Google

欢迎访问Google

淘宝

欢迎访问淘宝

切换

选择不同选项显示对应的值。


ng-switch 指令根据当前的值显示或隐藏对应部分。

定义和用法

ng-switch 指令根据表达式显示或隐藏对应的部分。

对应的子元素使用 ng-switch-when 指令,如果匹配选中选择显示,其他为匹配的则移除。

你可以通过使用 ng-switch-default 指令设置默认选项,如果都没有匹配的情况,默认选项会显示。

语法

  

元素支持该属性。

参数值

描述
expression表达式会让匹配项显示,不匹配项移除。

以上就是对AngularJS ng-switch指令的详细介绍,后续继续补充,谢谢大家对本站的支持!

以上就是AngularJS基础 ng-switch 指令简单示例的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读