<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>實現存入,搜索,敏感字符</title> <style type="text/css"> .text01{ width: 500px; height:300px; border: 1px solid red; background-color: #ece5d5; } </style> <script src="angular.js"></script> <script type="text/javascript"> var app = angular.module("myApp",[]); //自定義過濾器,過濾敏感字符 app.filter("myFilter",function () { return function (text) { if(text.indexOf("敏感字符")>=0){ alert("有敏感字符"); //有敏感字符需要過濾 return text.replace(/敏感字符/g,"****"); } //將所有文本返回 return text; } }) app.controller("myCtrl",function ($scope) { $scope.arr = ["今天早上喫早餐花了10元","今天中午喫午飯花了20元"]; $scope.newarr = ""; $scope.addarr = function () { //非空判斷,爲空時不添加 if($scope.newarr == null || $scope.newarr == ""){ alert("內容不可爲空"); }else{ $scope.arr.unshift($scope.newarr); } } //搜索文本 var flag = true; $scope.sousuo = function () { if($scope.newsousuo == null || $scope.newsousuo == ""){ alert("不可爲空"); }else{ for(a in $scope.arr){ if($scope.arr[a] == $scope.newsousuo){ alert("已存在"); flag = false; } } if (flag) { alert("不存在"); } } } }); </script> </head> <body ng-app="myApp" ng-controller="myCtrl"> <p>記賬本:</p> <div class="text01"> <p ng-repeat="i in arr">{{i | myFilter}}</p> </div> 輸入框:<input type="text" ng-model="newarr"><button ng-click="addarr()">記錄</button><br> 搜索框:<input type="text" ng-model="newsousuo"><button ng-click="sousuo()">搜索</button> </body> </html>
AngularJS實現存入文本,搜索文本,敏感字符
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
AngularJS+thinkphp相關筆記（一）
1.應用：一些功能的組合就是應用。2.jQuery是一個類庫（一系列函數的集合），AngularJS是一個框架（一堆類庫的集合）。3.AngularJ
AngularJS——5、Http
$http.get(url) 讀取服務器數據。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="//apps
AngularJS - 按需加載 - require
index.html <html> <head> <style> .active { color: red; font-weight: bold; }
AngularJS分頁實現
1. AngularJs 分頁按鈕原理: 這樣生成的分頁是有多少頁顯示多少個分頁按鈕: 1.首先在頁面創建按鈕區: <!-- 分頁按鈕 --> <div> <ul clas