Angular 过滤器
Angular 过滤器
2023-09-11 14:17:23 时间
<!DOCTYPE html>
<html ng-app="myApp">
<head lang="en">
<meta charset="UTF-8">
<script src="js/angular.js"></script>
<title></title>
</head>
<body>
<div ng-controller="myCtrl">
<ul>
<li ng-repeat="stu in stuList
| orderBy:'score':true
| limitTo:3">
{{stu.name+"-"+stu.age+"-"+stu.score}}
</li>
</ul>
</div>
<script>
var app = angular.module('myApp', ['ng']);
app.controller('myCtrl', function ($scope) {
console.log('myCtrl func is called');
$scope.stuList = [
{name:'name6',age:10,score:80},
{name:'name5',age:10,score:79},
{name:'name4',age:10,score:82},
{name:'name3',age:10,score:89},
{name:'name2',age:10,score:60}
];
})
</script>
</body>
</html>
相关文章
- [AngularJS] angular-md-table for Angular material design
- [Angular 2] Passing data to components with @Input
- [AngularJS] Angular 1.3 new $q constructor
- [Angular] ngx-formly (AKA angular-formly for Angular latest version)
- [Angular] Configure an Angular App at Runtime
- [Angular2 Router] Load Data Based on Angular 2 Route Params
- [Angular 2] ROUTING IN ANGULAR 2 REVISITED
- [Immutable + AngularJS] Use Immutable .List() for Angular array
- Angular 项目里 angular.json 文件内容的学习笔记
- 关于 Angular 应用的入口
- Angular HTTPClient API 在 SAP 电商云中的使用
- Angular HTTPClient API 在 SAP 电商云中的使用
- 关于 Angular HTTP Interceptor 中 Request 和 Response 的 immutable 特性
- Angular router-outlet占位符层级结构的子节点,运行时是如何插入的
- Angular应用从Component到Html的数据绑定是如何实现的 -数据流的讨论
- Angular应用的angular.json文件字段一览
- Angular应用里使用HTTP服务的一个具体例子
- angular 过滤器(日期转换,时间转换,数据转换等)