ng-repeat指令
来源:互联网 发布:七周年荣耀赛车数据 编辑:程序博客网 时间:2024/05/16 16:55
<!DOCTYPE html><html ng-app="optionsExample"><head> <meta charset="UTF-8"> <title></title> <script src="../js/angular.js"></script> <script src="../js/angular-animate.js"></script> <script> angular.module('optionsExample', []) .controller('ExampleController', ['$scope','$filter', function($scope, $filter) { $scope.friends =[ {name:'John', age:25, gender:'boy'}, {name:'Jessie', age:30, gender:'girl'}, {name:'Johanna', age:28, gender:'girl'}, {name:'Joy', age:15, gender:'girl'}, {name:'Mary', age:28, gender:'girl'}, {name:'Peter', age:95, gender:'boy'}, {name:'Sebastian', age:50, gender:'boy'}, {name:'Erika', age:27, gender:'girl'}, {name:'Patrick', age:40, gender:'boy'}, {name:'Samantha', age:60, gender:'girl'} ]; }]); </script></head><body><div ng-controller="ExampleController"> I have {{friends.length}} friends. They are: <input type="search" ng-model="q" placeholder="filter friends..." /> <ul class="example-animate-container"> <li class="animate-repeat" ng-repeat="friend in friends | filter:q"> [{{$index + 1}}] {{friend.name}} who is {{friend.age}} years old. </li> </ul> </div></div></body></html>
0 0
- ng-repeat指令
- ng-repeat指令
- 05-指令ng-repeat
- Angular Js ng-repeat指令
- AngularJS之ng-repeat指令
- angular指令监听ng-repeat渲染完成
- ng-repeat指令实现循环输出 ng-click 动态触发
- AngularJS中ng-app、ng-model、ng-bind、ng-init、ng-repeat、自定义指令
- (四上)Angular指令,ng-bind指令,ng-init 指令,ng-click指令,ng-repeat 指令
- ng-repeat
- ng-repeat
- ng-repeat
- ng-repeat
- ng-repeat
- ng-repeat
- AngularJS:如何使用自定义指令来取代ng-repeat
- AngularJS——ng-repeat指令以及Ajax的应用
- angularJS12-ng-repeat 指令用在一个对象数组上
- Nodejs的上传模块formidable
- mac os用pip安装scrapy时报错#include "libxml/xmlversion.h" file not found
- MySQL基本概念--索引&索引类型
- 硬件十万个为什么——运放篇(一)如何防止放大电路自激
- git 使用问题及解决方案
- ng-repeat指令
- oracle的nvl函数的用法
- Git 教程
- 利用xib自定义UITableViewCell,xib中的button不能响应点击事件
- ORACLE基本数据类型总结
- mysql数据表不同引擎读写机制
- html+css清楚浮动3种方法,父级div获取高度
- 黑马程序员---------------java高新技术----------------反射
- Asteroids