Angularjs 数据过滤
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible"content="edge" />
<meta name="viewport"content="width=device-width,initial-scale=1" />
<title></title>
<meta charset="utf-8" />
<link rel="stylesheet"href="bootstrap/css/bootstrap.min.css" />
<style>
</style>
</head>
<body>
<div class="container"style="padding:50px">
<div data-ng-app="myApp"data-ng-controller="myCtrl">
<p>数据过滤：<input class="input-sm" type="text" data-ng-model="filterText"/></p>
<ol>
<li data-ng-repeat="filter in filterList | filter:filterText">{{filter}}</li>
</ol>
</div>
</div>
<script src="jQuery/jquery-2.2.0.min.js"></script>
<script src="bootstrap/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.filterList = ["currency","data","number","filter","uppercase","lowercase","orderby","json","limitto"
]
})
</script>
</body>
</html>
最新文章
- linnux 3
- 3ds max 分离对象
- javascript settimeout and setinterval
- iOS开发 multipart 上传多张图片
- 友好解决POI导入Excel文件行是不是为空
- 从0,1,2...n中统计0,1,2...9各出现了多少次【SWUN1597】
- 数据库：JDBC编程
- SGU 193.Chinese Girls' Amusement
- ie8下下拉菜单文字为空
- python--函数式登录程序
- CSS3 黑白图片
- 毕业设计5：基于MicroPython的智能火灾报警器系统的设计与实现
- 20165309 《网络对抗技术》实验一：PC平台逆向破解
- python 将列表（也可以是file.readlines()）输出多个文件
- vue中实时监听对象或变量的变化
- Git 撤销与修改
- 51nod1269Devu and Flowers
- 79.ZYNQ内部私有定时器中断
- SecureCRT 详细使用图文教程(按步骤)
- 【BFS】Power Hungry Cows