Question

我是angularJS的新手。现在我正在尝试编写一个简单的角度应用程序。但我想知道ng-app指令的作用。

<html ng-app>

是否可以在ng-app代码中添加div而不是html代码？如果可能，<html ng-app>和<div ng-app>之间是否存在差异，例如运营效率？

Answer 1

ng-app指令指定应用程序的根元素，通常放在页面的根元素附近 - 例如在<body>或<html>标签上。您的HTML文档中只能有一个ng-app指令。它还用于在AngularJS应用程序中加载各种AngularJS模块。 AngularJS框架将仅处理应用ng-app指令的DOM元素及其子元素

用法

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

或

<div ng-app="myApp" ng-controller="myCtrl"> </div> var app = angular.module('myApp', []);

Answer 2

ng-app指令用于引导您的应用程序。

ng-app元素是根元素：它包装了应用程序的其他指令。

<div ng-app="myApp">
    <div controller="ctrl"></div> <!-- working -->
</div>
<div controller="myOtherCtrl"></div> <!-- not working -->

根据the documentation：

指令用法

属性：

<ANY ng-app="angular.Module" [ng-strict-di="boolean"]> ... </ANY>

因此，您可以在ng-app或任何其他元素上添加div。

Answer 3

ng-app属性表示名为ngApp的Angular指令（Angular使用spinal-case作为其自定义属性，camelCase表示实现它们的相应指令。该指令用于标记Angular应该认为是我们应用程序的根元素的html元素。这使应用程序开发人员可以自由地告诉Angular整个html页面或其中只有一部分应该被视为Angular应用程序。

因此，您可以在div标记中添加ng-app。

ng-app指令的作用是什么？

3 个答案: