AngularJS中内置过滤器问题?
发布时间:2020-12-17 10:07:39 所属栏目:安全 来源:网络整理
导读:实在学习AngularJS过滤器中遇到的问题 这个是页面代码 !DOCTYPE html html head meta charset= "utf-8" / title / title / head body ng-app= "myApp" div ng-controller= "ctrl01" h1 {{ money | currency:' ¥ ' }} / h1 h1 {{ birthday | date :'yyyy 年
实在学习AngularJS过滤器中遇到的问题 这个是页面代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body ng-app="myApp" > <div ng-controller="ctrl01" > <h1>{{money | currency:'¥' }}</h1> <h1>{{birthday | date:'yyyy年MM月dd日' }}</h1> <input ng-model="condition" /> <br /> <input type="text" ng-model="cond_name" /> <div ng-repeat="user in ( users | filter:{name:cond_name} ) "> {{user.name}}--{{user.phone}} </div> <hr /> <div ng-repeat="user in ( users | filter:func ) "> {{user.name}}--{{user.phone}} </div> <hr /> <div ng-repeat="user in ( users | filter:condition ) "> {{user.name}}--{{user.phone}} </div> </div> </body> <script type="text/javascript" src="js/angular.min.js" ></script> <script type="text/javascript" src="js/filter_app.js" ></script> </html> 这个是 filter_app.js 的代码angular.module("myApp",[]) .controller("ctrl01",function($scope,$rootScope){ $scope.money=123222221; $scope.birthday= new Date(); var users=[ {id:1,name:'cai10',phone:'456789',age:3},{id:2,name:'xiaogao2',phone:'12312ma3',age:5},{id:3,name:'laogao3',phone:'123123',age:7},{id:4,name:'laoma4',age:8},]; $scope.users=users; $scope.cond_name=""; $scope.func=function(user){ return user.age>3; } }); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |