为什么'Hello World' plunker 在 Chrome 而不是 Firefox 中工作？答案

【问题标题】：Why does 'Hello World' plunker work in Chrome but not Firefox?为什么'Hello World' plunker 在 Chrome 而不是 Firefox 中工作？
【发布时间】：2016-07-22 17:16:44
【问题描述】：

我正在尝试将 Plunker 与 AngularJS 一起使用，默认的 Hello World 示例适用于 Chrome，但不适用于 Firefox。

这是link to an example。

复制步骤：
1.新Plunker
2. 选择 AngularJS > 1.2.x
3. 创建一个简单的Hello World示例
4.选择运行

Chrome 显示 Hello World!
Firefox 显示 Hello {{name}}!

Plunker 创建的 AngularJS 示例有问题吗？我在这里做错了吗？

我在 Windows XP 和 OSX 中重现了这种行为
火狐 v27.0.1
Chrome v33.0.1750.146m

【问题讨论】：

在 FF 27.0.1 中使用 Windows 7 对我来说效果很好。

标签： angularjs plunker

【解决方案1】：

您的示例在 Chrome 中也适用于我。我将 ng-app 添加到 html 标记中，以便 Angular 知道加载模块。所以，而不是

<html>

应该是

<html ng-app="plunker">

更新 plnkr：http://plnkr.co/edit/d8Fb7o8OjUFdXOLKAaS7

【讨论】：

这很奇怪，默认的 Hello World 在我在 Chrome 中创建它时最初可以工作，但是当我使用我的链接返回时它也不能在那里工作。你的版本虽然有效。谢谢

【解决方案2】：

如果你使用 angularjs，你必须告诉浏览器你正在使用什么，然后你必须添加

如果您在整个 html 的 this 范围内添加 this'

    <html ng-app="plunker">

如果你添加了这个，那么 angularjs 的作用域就可以用于 body

   <body ng-app="plunker">

与包含在 html 中的比较快速，但重点是您必须添加 ng-app

【讨论】：