javascript - 编写自己的代码后，Angularjs 无法在 Windows chrome 和 firefox 中工作

Question

以下是问题的两种情况:

1)我面临的问题是，如果我在这里写一些答案，并且我想使用代码片段添加 angularjs 的演示示例。当我为 angularjs 添加正确的工作代码时，包括片段上的脚本文件并按运行。什么都不起作用。没有控制台错误。一切都已加载，包括 angularjs 脚本文件。

现在，如果我将该片段添加到我的答案中并在我的笔记本电脑中检查它，它工作正常，或者如果我在重新加载该页面后检查我自己的答案，片段工作正常，当我尝试在上面编写一些代码时，它不起作用答案片段。

创建 fiddle 时也会发生同样的事情。

2) Link for Fiddle

如果我尝试在新选项卡中打开上面的 fiddle 链接，那么 fiddle 可以正常工作。

但问题是如果我从 fiddle 复制相同的代码并使用相同的代码创建新的 fiddle ，添加angularjs脚本并尝试运行它，它不会将范围值绑定(bind)到html并返回到下面输出

If you change the value with the arrows ng-change doesn't work on the first change. [SHOW ONE DROPDOWN WITH NO OPTION]  {{selected}}

问题:我如何解决这个问题并使 angularjs 启动并运行？

Answer 1

我找到了解决方案，解决方案是通过在 div/html 的开头添加 ng-app 使我的示例正常工作，而我一直没有添加。它也可以在 fiddle 和片段中工作。

在问题的 fiddle 中，已经添加了默认的ng-app，因此 fiddle 工作正常，但通过创建新的 fiddle ng-app默认情况下不会添加，所以不会工作，但通过手动添加它工作正常。

var application = angular.module('myApp', []);
application.controller('myController', function($scope) {
    $scope.myData = 'It\'s Working ';
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myController">
    {{myData}}
</div>