AngularJS ng-app 指令

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

AngularJS ng-app 指令AngularJS 中的ng-app 指令用于定义 AngularJS 应用程序的根元素。该指令在页面加载时自动初始化 AngularJS 应用程序。它可用于在 AngularJS 应用程序中加载各种模块。

语法:

<element ng-app=""> 内容... </element>

示例 1:使用 ng-app 指令来定义默认的 AngularJS 应用程序。

<html>
	
<head>
	<title>AngularJS ng-app Directive</title>

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

<body style="text-align:center">
	
	<h2 style = "color:green">ng-app directive</h2>
	
	<div ng-app="" ng-init="name='GeeksforGeeks'">
		<p>{{ name }} is the portal for geeks.</p>
	</div>
</body>

</html>

输出:

示例 2:使用 ng-app 指令来定义默认的 AngularJS 应用程序。

<html>
	
<head>
	<title>AngularJS ng-app Directive</title>

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

<body ng-app="" style="text-align: center">

	<h1 style="color:green">GeeksforGeeks</h1>
	<h2>ng-app Directive</h2>
	
	<div>
		<p>Name: <input type="text" ng-model="name"></p>
		<p>You entered: <span ng-bind="name"></span></p>
	</div>
</body>

</html>

输出:


慕源网 » AngularJS ng-app 指令

常见问题FAQ

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

发表评论

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