AngularJS 表达式

作者 : 慕源网 本文共950个字,预计阅读时间需要3分钟 发布时间: 2022-04-28 共407人阅读

AngularJS 表达式,AngularJS 中的表达式用于将应用程序数据绑定到 HTML。表达式由 Angular 解析,结果返回到表达式的写入位置。AngularJS 中的表达式写在双括号中:{{ expression }}。它们的行为类似于 ng-bind 指令:ng-bind=”expression”

语法:

{{ expression }}

示例:显示在 ng-init 指令中提供的名称。

<!DOCTYPE html>
<html>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/
	angular.min.js"></script>
	<head>
		<title>AngularJS Introduction</title>
	</head>
	<body style = "text-align:center">
			<h2 style = "color:green">AngularJS Expressions</h2>
			<div ng-app="" ng-init="name='GeeksforGeeks'">
			<p> {{ name }} is a portal for geeks.</p>
			</div>
	</body>
</html>

输出:

示例 2:显示在 ng-init 指令中提供的对象的内容。

<html>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/
	angular.min.js"></script>
	<head>
		<title>AngularJS Introduction</title>
	</head>
	<body>
		<h2 style = "color:green">AngularJS Expressions</h2>
		<div ng-app="" ng-init="sort={one:'quick sort',
		two:'merge sort', three:'bubble
			sort'}">
			<p> Sorting Algorithms:
			<ul>
				<li>{{ sort.one }}</li>
				<li>{{ sort.two }}</li>
				<li>{{ sort.three }}</li>
			</ul>
		</div>
	</body>
</html>

输出:


慕源网 » AngularJS 表达式

常见问题FAQ

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

发表评论

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