当前位置：慕源网 > AngularJS lowercase过滤器详解及示例

AngularJS lowercase过滤器详解及示例

作者 : 慕源网 本文共1100个字，预计阅读时间需要3分钟 发布时间： 2022-05-5 共303人阅读

AngularJS lowercase过滤器，lowercase 过滤器用于将字符串转换为小写字母。

语法：

{{expression|lowercase}}

示例 1：

<!DOCTYPE html>
<html>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</script>

<body>

	<h2>AngularJS - lowercase</h2>
	<br>
	<br>

	<div ng-app="myApp"
		ng-controller="myCtrl">

		<strong>Input:</strong>
		<br>
		<input type="text"
			ng-model="string">
		<br>
		<br>
		<strong>Output:</strong>
		<br> {{string|lowercase}}

	</div>

	<script>
		var app = angular.module('myApp', []);
		app.controller('myCtrl', function($scope) {
			$scope.string = "";
		});
	</script>

</body>

</html>

示例 2：

<!DOCTYPE html>
<html>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</script>

<body>

	<h2>AngularJS - lowercase</h2>
	<br>
	<br>

	<div ng-app="myApp"
		ng-controller="myCtrl">

		<strong>First Name:</strong>
		<br>
		<input type="text"
			ng-model="firstName">
		<br>
		<br>
		<strong>Last Name:</strong>
		<br>
		<input type="text"
			ng-model="lastName">
		<br>

		<strong>Output:</strong>
		<br> {{firstName|lowercase}}
			{{lastName|lowercase}}

	</div>

	<script>
		var app = angular.module('myApp', []);
		app.controller('myCtrl', function($scope) {
			$scope.firstName = "";
			$scope.lastName = "";
		});
	</script>

</body>

</html>

输出：


慕源网 » AngularJS lowercase过滤器详解及示例

常见问题FAQ

程序仅供学习研究，请勿用于非法用途，不得违反国家法律，否则后果自负，一切法律责任与本站无关。
请仔细阅读以上条款再购买，拍下即代表同意条款并遵守约定，谢谢大家支持理解！
慕源网

慕源网 普通

分享到：

发表评论

相关推荐

开通VIP 享更多特权，建议使用QQ登录
账号登录/注册
QQ登录
微博登录