javascript - AngularJS - 一个没有名字的应用程序

Question

这让我想起了一首老歌:

“你看我一直在阅读一个没有名字的应用程序的样本......”

我最好停下来，否则我会听取 Neil Young 律师的意见。

我正在 W3Schools 上学习 AngularJS，在他们的一些示例中，ng-app 属性是一个空字符串。在其他情况下，它具有应用程序的名称。似乎当没有名称时，客户端脚本中也没有定义 Controller 函数，应用程序自动从 HTML 连接起来。但是在那些例子中，如果我在 ng-app 标签中输入一个名字，它会破坏页面。这就提出了两个问题:

1 - 带有名称的 ng-app 标签和带有空字符串的标签有什么区别？没有名字是否意味着没有定义 Controller 功能？

2 - 没有名字的 ng-app 不好吗？我是否应该始终命名我的 ng-app 并使用 Controller 函数加载它？

“......在雨中感觉很好。”

编辑:查看替代问题“使用不带值的 ng-app”，它很相似，但没有直接解决我的问题。它询问:如何在没有值(value)的情况下使用 ng-app。我要求有人解释:使用带值和不带值的 ng-app 有什么区别。

Answer 1

这里有几点:

1. 推荐 official docs因为作者是最了解框架的人。

2. 有两种方法可以bootstrap the angular apps : 自动和手动
   当您使用 ng-app="appName" 时，angularjs 会自动找到带有标签 'ng-app' 的元素并初始化应用程序。

   当您忽略 ng-app 时，您需要自己引导应用程序:

.

angular.element(document).ready(function() {
  angular.bootstrap(document, ['myApp']);
});

1. 建议始终使用手动或自动引导应用程序。

===编辑===

更清楚:

1. stackoverflow link @Animal2 给出了很好的解释。简而言之，在 Angular 1.3 版本之前，您可以使用 ng-app 作为 DOM 元素属性而无需任何值，因为 angularjs 会为您处理其他一切

:

<div ng-app>
    ....
</div>

但在 1.3 版本之后不推荐使用这种语法。相反，您可以使用前面提到的“自动”方式和“手动”方式。