ITPub博客

首页 > IT职业 > IT生活 > [Angularjs]ng-switch用法

[Angularjs]ng-switch用法

IT生活 作者:lzg215 时间:2021-09-09 09:12:04 0 删除 编辑

用法描述

ng-switch根据表达式的值显示或这隐藏对应部分。类似c#或者其他预览里面的switch用法。可以慢慢体会。

说道ng-switch就要说到子元素该怎么根据当前值进行变化。子元素可以通过:ng-switch-when指令,ng-switch-default指令来设置满足条件时,该子元素是隐藏或者显示。其实也很容易理解,当什么时,或者默认值。下面看一个例子。

例子



   

       

one


       

你选择了one


   

   

       

two


       

你选择了two


   

   

       

three


       

你选择了three


   


结果

图片描述

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/420/viewspace-2800393/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2020-07-23

  • 博文量
    0
  • 访问量
    754