Angular 自定义过滤器

最新推荐文章于 2021-10-20 08:44:18 发布

心郎

最新推荐文章于 2021-10-20 08:44:18 发布

阅读量498

点赞数

分类专栏：前段_angularjs

本文链接：https://blog.csdn.net/u011301203/article/details/53225326

版权

前段_angularjs 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>AngularJS 自定义滤器</title>
</head>
<!--
	自定义滤器：除了使用AngularJS内建过滤器外，还可以根业务需要自定义过滤器，
	通过模块对象实例提供的filter方法自定义过滤器。
-->
<body ng-app="App">
	
	<div ng-controller="DemoController">
		<h4>{{info|capitalize:123}}{{name}}</h4>
	</div>

	<script src="./libs/angular.min.js"></script>
	<script>
		
		var App = angular.module('App', []);
		
		App.controller('DemoController', ['$scope', function ($scope) {
			$scope.name = '小明';
			$scope.info = 'my name is ';
		}]);
		
		// 自定义过滤器
		App.filter('capitalize', function () {
			return function (input, arg2) {
				 console.log(arg2);
				 console.log(input);
				return input[0].toUpperCase() + input.slice(1);
			}

		});
	</script>
</body>
</html>

心郎

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Angular 自定义过滤器

AngularJS 自定义滤器 {{info|capitalize:123}}{{name}} var App = angular.module('App', []); App.contro
复制链接

扫一扫

专栏目录