AnglurJS过滤器

本文通过一个具体的示例介绍了如何使用AngularJS中的指令和过滤器来操作DOM元素和展示数据。示例中展示了如何通过ng-app、ng-controller等指令初始化应用,并通过ng-click等实现动态更新数据。此外,还提供了对数据过滤的基础介绍。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<!DOCTYPE html>
<html ng-app="sss">
<head>
<meta charset="UTF-8">
<title></title>
<script src="../libs/angular.min.js"></script>
</head>
<body ng-controller="Demo" ng-init="num=1">
<!--将数字格式转换为货币格式-->
<!--<h3>{{name | currency:"¥"}}</h3>-->
<!-- 将小写字符串过滤成大写字符串-->
<!--<h2>{{name | uppercase}}</h2>
将大写字符串过滤成小写字符串-->
<!--<h2>{{name | lowercase}}</h2>-->
<!--将数字转换为date日期形式-->
<!--<h2>{{name | date:"yyyy-MM-dd HH:mm:ss"}}</h2>-->
<!-- <h3>{{name | limitTo:"2"}}</h3>-->
<!-- <ul>
<li>{{arrs | orderBy:"age":"true"}}</li>
<li>{{arrs | orderBy:"name":"true"}}</li>
</ul>-->
<button ng-click="num=num+1">点击</button>
<h3>新的值{{num}}</h3>
<script>
var sss=angular.module("sss",[]);
sss.controller("Demo",function($scope){
//$scope.name="125";
//$scope.name="ABCD"
//$scope.name="20180105164101"
//$scope.name="你好未来"
//$scope.arrs=[{"name":"jack","age":"20"},{"name":"tom","age":"50"},{"name":"amo","age":"10"}];


});
</script>
</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值