angular学习(3)
来源:互联网 发布:舌苔厚口臭 知乎 编辑:程序博客网 时间:2024/06/05 08:21
今天学的是ng-repeat指令,该命令是反复执行
angular在循环时不允许有相同数据,可以添加唯一字段(track by $index)
<div ng-app="hd" ng-controller="ctrl"> <ul> <li ng-repeat="(k,v) in data" > <span ng-if="$first" style="{{$first?'color:red':''}}">名称:{{v.name}}网址:{{v.url}}</span> <span ng-if="$middle">名称:{{v.name}}网址:{{v.url}}</span> <span ng-if="$last" style="{{$last?'color:green':''}}">名称:{{v.name}}网址:{{v.url}}</span> </li> </ul> </div> <script> var m = angular.module('hd',[]); m.controller('ctrl',['$scope',function($scope){ $scope.data=[ {name:'后盾人',url:'houdunren.com'}, {name:'后盾网',url:'houdunwang.com'}, {name:'后盾云',url:'houdunyun.com'} ] }])
$first 第一个 $last最后一个 $middle中间的 $even偶数行 $odd 奇数行
阅读全文
0 0
- angular学习(3)
- Angular学习笔记(3)
- angular.js学习(3)--启动过程
- angular.js学习(3)--injector注射器
- Angular 学习笔记 3
- Angular学习3
- angular学习(一)
- Angular学习(一)
- Angular JS 学习笔记3
- Angular学习(2)Directives
- angular学习笔记(2)
- Angular学习笔记(1)
- Angular学习笔记(2)
- Angular学习笔记(4)
- angular学习整理(一)
- angular学习笔记(一)
- Angular学习笔记(一)
- Angular学习笔记(二)
- 通过SecureCRT连接虚拟机
- BZOJ 1878: [SDOI2009]HH的项链
- 【深度学习】CentOS 7 安装GPU版Tensorflow教程(一)
- sublime代理和 jsx语法高亮插件设置
- 国庆假期的正确休息方式,你知道吗?
- angular学习(3)
- css实现单行和多行文本溢出显示省略号点点点...
- GKGraphNode2D
- QT5实现简单的TCP通信
- freemark使用方法:
- ORACLE Logmnr用法,查询redolog,当然也可以查询archivelog,查看气质时间或scn
- iOS开发工具类 DFBox全面提升开发效率
- 微信公众平台-测试号-测试接口的问题
- 均匀分布的期望与方差