博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AngularJS的循环输出
阅读量:5122 次
发布时间:2019-06-13

本文共 868 字,大约阅读时间需要 2 分钟。

  
    $scope.checkByHref = function (href) {
      if (window.location.pathname.indexOf(href) != -1) return {background: '#2b73b5'};     };

 项目中遇到这样一段代码,找了好久没找到循环的范围。网上查了一下,这个叫AngularJS,语法和JSP比较像。

ng-repeat指令生命在需要循环内容的元素上,lists的变量名需要和从controller的变量名相同,list是为遍历数组中的每个对象取的别名。

ng-style 指令为 HTML 元素添加 style 属性。ng-style 属性值必须是对象,表达式返回的也是对象。对象由 CSS 属性和值注册,即 key=>value 对。

ng-if 如果ng-if中的表达式为false,则对应的元素整个会从DOM中移除而非隐藏,但审查元素时你可以看到表达式变成注释了。

如果相进行隐藏,可以使用ng-hide。

无法审查到该元素
可审查

 

ng-show/ng-hide 根据表达式显示/隐藏HTML元素,注意是隐藏,不是从DOM移除:

1+1=2
you can't see me.

 

ng-model 将表单控件和当前作用域的属性进行绑定。

数量:
价格:

总价: {

{quantity * price}}

 

$index可以返回当前 引用对象的序号,从0开始,另外还有$first、$middle、$last可以返回布尔值,用于告诉你当前元素是否是集合中的第一个中间的最后一个元素。

转载于:https://www.cnblogs.com/tearfc/p/5431101.html

你可能感兴趣的文章
SpringBoot项目打包
查看>>
Linux操作系统 和 Windows操作系统 的区别
查看>>
《QQ欢乐斗地主》山寨版
查看>>
文件流的使用以及序列化和反序列化的方法使用
查看>>
Android-多线程AsyncTask
查看>>
第一个Spring冲刺周期团队进展报告
查看>>
红黑树 c++ 实现
查看>>
Android 获取网络链接类型
查看>>
linux中启动与终止lnmp的脚本
查看>>
gdb中信号的处理[转]
查看>>
LeetCode【709. 转换成小写字母】
查看>>
如何在Access2007中使用日期类型查询数据
查看>>
CF992E Nastya and King-Shamans(线段树二分+思维)
查看>>
第一个Java Web程序
查看>>
树状数组_一维
查看>>
如果没有按照正常的先装iis后装.net的顺序,可以使用此命令重新注册一下:
查看>>
linux install ftp server
查看>>
嵌入式软件设计第8次实验报告
查看>>
算法和数据结构(三)
查看>>
Ubuntu下的eclipse安装subclipse遇到没有javahl的问题...(2天解决了)
查看>>