angular 自定义过滤器
来源:互联网 发布:java倒三角形 编辑:程序博客网 时间:2024/06/05 00:42
//第一件事还是导包
<body ng-app="myApp" ng-controller="myCtrl">
//定义一个输入框
<input type="text" ng-model="data" />
<div id="one">{{data|mc}}</div>
<script>
var mo = angular.module("myApp",[]);
mo.controller("myCtrl",function($scope){
});
//自定义过滤器
mo.filter("mc",function(){
return function(input){
//这个一定要加不然会报错
if(input==undefined){
input="";
}
//遍历全局有“哈”字就替换成“fuck”
return input.replace(/哈/g,"fuck");
}
});
</script>
</body>
//一个简单的小案例
//建立输入框输入数据来查询数组内有没有有就展示
<body ng-app="myApp" ng-controller="myCtrl">
用户名:<input type="text" ng-model="name"/><br/>
密码:<input type="text" ng-model="pwd" />
<span>{{pwd.length>6?"密码过长":""}}</span><br />
{{names|mohu:name}}
<script type="text/javascript">
var mo = angular.module("myApp",[]);
mo.controller("myCtrl",function($scope){
$scope.names = ["zz","lxy","wmy","atm","atm1","atm2"];
});
mo.filter("mohu",function(){
return function(input,n){
var newArr = [];
for(var i=0;i<input.length;i++){
var name = input[i];
if(name.indexOf(n)!=-1){
newArr.push(name);
}
}
return newArr;
}
})
</script>
</body>
- angular过滤器、自定义过滤器
- angular自定义过滤器
- angular中的自定义过滤器
- Angular自定义过滤器
- Angular自定义过滤器
- angular自定义过滤器
- angular中自定义过滤器
- Angular自定义过滤器
- angular自定义过滤器
- angular 自定义过滤器
- angular 自定义过滤器
- angular自定义过滤器
- 自定义过滤器 angular 点赞数99+
- angular自定义过滤器模糊查询
- angular内置过滤器以及自定义过滤器
- angular的内置过滤器及自定义过滤器
- angular过滤器的使用和自定义过滤器
- Angular的过滤器和自定义过滤器
- HTML5--嵌入式的使用
- day20_多线程
- 淮师2017校园新闻爬取&&WordCloud年度词云分析
- C/C++经典程序训练2---斐波那契数列
- day21_生产者消费者模式
- angular 自定义过滤器
- 人工智能从入门到精通(18)
- Linux进程间通信
- 从多元线性回归到逻辑回归
- 手动创建mfc工程(留存方便复制)
- apk安装包签名--快速入门安全性测试
- windows安装face-recognition
- 基于控制台的OpenGL应用框架
- Java作业