<!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/

10-12 02:24