在编写自己的代码后，Angularjs无法在windows、chrome和firefox中运行

Angularjs not working in windows chrome and firefox after writing own code

本文关键字：windows chrome 运行 firefox 自己的 代码 Angularjs      更新时间：2023-09-26

下面是问题的两个场景:

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

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

创建小提琴时也会发生同样的事情。

2)小提琴链接

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

但问题是如果我从小提琴复制相同的代码并创建新的小提琴与相同的代码，添加angularjs脚本并尝试运行它，它没有绑定范围值到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启动和运行?

我找到了解决方案，解决方案是通过在div/html的开始添加ng-app使我的例子工作，我总是不添加。它也在小提琴和片段中工作。

在问题的小提琴中，已经添加了默认的ng-app，因此工作正常，但通过创建新的小提琴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>

从你的描述来看，AngularJS库似乎没有加载到你的环境中。确保已将其包含在HTML页面的body中。

关于jsFiddle在复制粘贴现有工作小提琴时不工作的问题，您需要选择适当的库并将其加载行为从onLoad更改为No-wrap - in <body>。当你点击一个正在工作的小提琴时，它就会工作，因为这些首选项是预先加载的。当您创建一个新的时，您可能不会更改默认值，即onLoad。

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.1/angular.min.js"></script>
相关文章：