angular学习日志07 ng-repeat
2015-12-28 09:50
736 查看
<!DOCTYPE html>
<html lang="en" ng-app="start">
<head>
<meta charset="UTF-8">
<title>ngRepeat</title>
<script type="text/javascript" src="js/angular.min.js"></script>
</head>
<body ng-controller="StudentListController">
<ul>
<li ng-repeat="student in students">
<span>{{$index+1}}</span>
<a href="/student/view/{{student.id}}">{{student.name}}</a>
</li>
</ul>
<button ng-click="insertTom()">Insert</button>
<script type="text/javascript">
angular.module('start',[])
.controller('StudentListController',function($scope){
$scope.students=[{name:"张三",id:"1"},
{name:"李四",id:"2"},
{name:"王二",id:"3"}]
$scope.insertTom=function(){
$scope.students.splice(1,0,{name:"王二",id:"4"})
}
})
</script>
</body>
</html>
<html lang="en" ng-app="start">
<head>
<meta charset="UTF-8">
<title>ngRepeat</title>
<script type="text/javascript" src="js/angular.min.js"></script>
</head>
<body ng-controller="StudentListController">
<ul>
<li ng-repeat="student in students">
<span>{{$index+1}}</span>
<a href="/student/view/{{student.id}}">{{student.name}}</a>
</li>
</ul>
<button ng-click="insertTom()">Insert</button>
<script type="text/javascript">
angular.module('start',[])
.controller('StudentListController',function($scope){
$scope.students=[{name:"张三",id:"1"},
{name:"李四",id:"2"},
{name:"王二",id:"3"}]
$scope.insertTom=function(){
$scope.students.splice(1,0,{name:"王二",id:"4"})
}
})
</script>
</body>
</html>
相关文章推荐
- angularjs指令定义中的require参数
- AngularJS中自定义过滤器
- 详解AngularJS中自定义过滤器
- 详解AngularJS Filter(过滤器)用法
- 浅析AngularJS Filter用法
- AngularJS进行性能调优的7个建议
- Angularjs注入拦截器实现Loading效果
- 翻译:Angular 2 - TypeScript 5 分钟快速入门
- AngularJS指令
- 第一个AngularJS控制器
- 第一个AngularJS指令
- 第一个AngularJS表达式实例
- 关于angularjs的用户登录验证
- javascript MVC框架之 AngularJS 1.x 实用指南
- AngularJS 包含
- AngularJS使用angular-formly进行表单验证
- AngularJS使用ngMessages进行表单验证
- AngularJS使用angular-formly进行表单验证
- AngularJS使用ngMessages进行表单验证
- AngularJS使用ngMessages进行表单验证