<!DOCTYPE html>
<html ng-app = "" ng-controller = "myController">
<head>
<title>YouToDo</title>
<script src="lib/angular/angular.min.js"></script>
</head>
<body>
<input type = "text" maxlength = "256" width = "256" ng-model = "task"><br><br>
<input type = "button" value = "Add" ng-click = "addTask()"><br><br>
<table border = "0">
<tr></tr>
</table>
<script>
function myController($scope) {
$scope.addTask = function() {
var myEl = angular.element( document.querySelector( 'tr' ) );
myEl.prepend('<tr><td>' + $scope.task + '</td></tr>');
}
}
</script>
</body>
</html>
它可以在W3Schools编辑器上使用,但不能在任何浏览器上使用! Chrome和Firefox均不可用。我有AngularJS 1.5.6。请帮忙。
最佳答案
可能有几个问题
您没有正确加载angular
框架ng-app = ""
为空。它的名称应在您的应用程序中实例化角度框架angular.module('name you provided in ng-app',[])
丢失。还需要使用应用程序启动angular。
还看看如何编写controller
关于javascript - 为什么我的AngularJS代码不起作用?它可以在W3Schools编辑器上工作,但不能在任何浏览器上工作,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37518367/