Javascript 为什么我的AngularJS代码不起作用？它可以在W3Schools编辑器上工作，但不能在任何浏览器上工作

尤托多






函数myController（$scope）{
$scope.addTask=函数（）{
var myEl=angular.element（document.querySelector（'tr'）；
myEl.prepend（“+$scope.task+”）；
}
}

您不能直接在浏览器中运行angular，您需要在本地拥有该库

请观看此视频，以帮助您设置环境。 它确实帮助了我，还推荐了一些工具来处理角度应用的不同方面

---

可能有两个问题

您没有正确加载

angular

框架

ng app=”“

为空。它应该有一个在应用程序中实例化angular framework所需的名称

angular.module（'您在ng应用程序中提供的名称'，[]）

丢失。它还需要与应用程序一起启动

还可以看看如何编写

控制器

为什么我的AngularJS代码不起作用？ 因为lib/angular文件夹中没有angular.min.js文件。但他们的服务器有

快速解决方案是使用谷歌托管的一个

替换：

src="lib/angular/angular.min.js"

与

---

我想你错过了什么。下面是你错过的东西

角模

声明角模

添加控制器构造函数

尤托多






module（'demoApp'，[]）//调用该模块
.controller（'myController'，myController）；//控制器构造函数
函数myController（$scope）{
$scope.addTask=函数（）{
var myEl=angular.element（document.querySelector（'tr'）；
myEl.prepend（“+$scope.task+”）；
}
}

我觉得你对angular还不熟悉，所以可能有一些地方出了问题

你的消息来源

您的电脑上真的存在此路径吗？如果没有，我建议使用类似CDN的

尝试搜索更多关于你的角度代码，基本的角度代码是

angular.module（'myApp'，[]）.controller（'myCtrl'，['$scope'，
职能（$范围）{
$scope.tasks=[]；
$scope.addTask=函数（）{
$scope.tasks.push（{taskName:$scope.task}）；
$scope.task=null；
};
}
]);

角JS






{{x.taskName}
它没有获取angular.min.js文件
如果您使用CDN会更好


脚本内标记

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>


只需更换

<script src="lib/angular/angular.min.js"></script>

您在哪里定义了
应用程序模块
？检查您的控制台
<script src="lib/angular/angular.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>