码迷,mamicode.com
首页 > Web开发 > 详细

AngularJS-filer

时间:2014-06-16 13:44:41      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:class   blog   code   java   http   ext   

<!DOCTYPE html>
<html ng-app="firstapp">
	<head>
		<meta charset="utf-8" />
		<title>Filter</title>
		<script type="text/javascript" src="http://code.angularjs.org/angular-1.0.1.min.js" ></script>
		<script>
			var app = angular.module(‘firstapp‘, []);
			app.factory(‘data‘, function(){
				return {
					message : "I‘m a data from factory"
				};
			});
			
			app.filter(‘firstfilter‘, function(message){
				return function(message){
					return message + ‘!!!!!!‘;
				}
			});
			
			function firstController($scope, data){
				$scope.data = data;
			}
		</script>
	</head>
	<body>
		<div ng-controller="firstController">			
              <h1>{{data.message | firstfiler}}</h1> </div> </body> </html>

 

app.filter(‘firstfilter‘, function(message){
	return function(message){
		return message + ‘!!!!!!‘;
	}
});

通过app实例化一个filter,第一个参数为filter的名字,第二个参数是一个回调函数,参数message为

<h1>{{data.message | firstfiler}}</h1>

中的data.message,在回调函数中实现该filter的功能。

AngularJS-filer,布布扣,bubuko.com

AngularJS-filer

标签:class   blog   code   java   http   ext   

原文地址:http://www.cnblogs.com/helbing/p/3790082.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!