📅 最后修改于: 2023-12-03 15:29:24.134000 🧑 作者: Mango
AngularJS是一个流行的前端框架，它能够使用户简单地为他们的Web应用程序实现数据绑定和MVC构架。
ng-app是AngularJS的一个指令，它可以将当前页面的一部分标记为一个AngularJS应用的一部分。它是AngularJS应用程序的起点。
使用ng-app指令非常简单。只需要在HTML标签中使用ng-app指令即可。
<html ng-app="myApp">
在这个例子中，ng-app指令将这个HTML页面标记为一个AngularJS应用程序的一部分，并将myApp作为该应用程序的名称。
以下是使用ng-app指令的一个简单示例。
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>AngularJS | ng-app Directive Example</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
</head>
<body>
<div ng-controller="myCtrl">
<h1>{{myText}}</h1>
</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.myText = "Hello World!";
});
</script>
</body>
</html>
在这个例子中，ng-app指令将整个HTML页面标记为一个AngularJS应用程序的一部分，并将myApp作为该应用程序的名称。内部使用了ng-controller将应用划分为一个控制器，并在这个控制器中声明了一个变量myText，最后在页面中使用了{{myText}}输出Hello World!。
ng-app是AngularJS中最基本的指令之一，它将整个HTML页面或HTML页面的一个特定部分标记为一个AngularJS应用程序的一部分。它为开发人员提供了简单而有效的方式来启用和管理自己的AngularJS应用程序。