AngularJS 表达式中添加过滤器实例
过滤器可以通过一个管道字符(|)和一个过滤器添加到表达式中
历练实例:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible"content="IE=edeg" />
<meta name="viewport"content="width=device-width,initial-scale=1" />
<!--[if lt IE 9]>
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.js"></script>
<![endif]-->
<title></title>
<meta charset="utf-8" />
<link rel="stylesheet"href="bootstrap-3.3.5/dist/css/bootstrap.min.css" />
</head>
<body>
<div class="container">
<div data-ng-app="myApp"data-ng-controller="myCtrl">
<p>格式化字符串</p>
<input type="text"data-ng-model="lang" />
<p>{{lang | uppercase}}</p><!--uppercase 过滤器将字符串格式化为大写:-->
<p>{{lang | lowercase}}</p><!--lowercase 过滤器将字符串格式化为小写:-->
</div>
</div>
<script src="jQuery/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5/dist/js/bootstrap.min.js"></script>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
angular.module("myApp", []).controller("myCtrl", function ($scope) {$scope.lang="html5" })
</script>
</body>
</html>
最新文章
- Collection小结
- 如何控制JVM中的JIT行为?
- MBProgressHud添加自定义动画
- Office 2013 Pro Plus Vol激活
- 自然语言19_Lemmatisation
- ANDROID自己定义视图——onLayout源代码 流程 思路具体解释
- team viewer - rollback framework could not be initialized
- CentOS_5.6下使用cmake编译MySQL_5.5.11
- Azure Storage Rest API Demo
- SpringBoot统一处理异常
- 示例:pm_multiple_models 匹配——形状匹配
- 在Android项目中使用AspectJ
- 最最最最最基础的SQL Server
- 【LeetCode每天一题】Remove Element(移除指定的元素)
- python day12 ——1.生成器2.生成器表达式 3.列表推导式
- android开发(38) 使用 DrawerLayou t实现左侧抽屉式导航菜单
- English trip -- VC(情景课)2 C Where&#39;s my pencli?
- Java8常用新特性实践
- 沉淀再出发:用python画各种图表
- 后台运行spark-submit命令的方法