angularjs如何应用ng-switch

 时间:2024-10-12 20:15:14

1、首先准备一个html文档,在文档中导入angular与jquery库,如下图所示

angularjs如何应用ng-switch

2、接下来我们准备angular的控制器,并在控制器中准备一个菜单集合,如下图所示

angularjs如何应用ng-switch

3、然后我们要做的就是循环菜单进行输出了,如下图所示运用ng-repeat即可

angularjs如何应用ng-switch

4、接下来我们要做的就是不同的菜单给加个图标,你可能会想到如下图所示的方式,但是发现所有的图标都一样

angularjs如何应用ng-switch

5、那么要实现不同的菜单图标不一样,就要通过ng-switch这个指令了,如下图所示

angularjs如何应用ng-switch

6、最后,如果你像设置个默认的选项,那么只需要运用ng-switch-default即可,如下图所示

angularjs如何应用ng-switch

7、综上所述,angularj衡痕贤伎s中运用ng-switch主要就是ng-switch-when与ng-switch-default两项内容

  • angularjs怎么用
  • AngularJS的初级应用
  • Angularjs如何应用link函数
  • angularjs如何设置货币符号
  • AngularJS表单验证功能
  • 热门搜索
    简单漂亮元旦节手抄报 国庆手抄报内容简短 食品卫生手抄报 母亲节手抄报资料 关于夏天的手抄报 国庆节手抄报清楚文字 科技手抄报资料 国庆节手抄报简单易画 有趣的汉字手抄报图片 八一建军节手抄报内容