AngularJS lowercase过滤器详解及示例

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

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>

AngularJS lowercase过滤器详解及示例

示例 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过滤器详解及示例


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

常见问题FAQ

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

发表评论

开通VIP 享更多特权,建议使用QQ登录