Question

我是初学者，我有一个简单的Angular JS无法正常工作，我不明白为什么，这是我的代码（两个文件index.html＆amp; {{ 1}}在同一个文件夹中）：

index.html：

script.js

script.js：

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="script.js"></script>
<body ng-app>


<p>Name: <input type="text" ng-model="name"></p>
<p ng-bind="name"></p>

<div ng-controller="MainController">
{{message}}
</div>

</body>
</html>

ng-model正在运行，我在文本框中写的名称会显示，但我得到var MainController = function($scope) { $scope.message = "Hello"; };而不是我在控制器范围内的实际消息{{message}}。 / p>

提前谢谢。

Answer 1

为您的应用命名

<body ng-app="myApp">

创建app.js

var app = angular.module("myApp", []);

将script.js重命名为MainController.js，（不必，但用于干净的开发）

app.controller('MainController', ['$scope', function($scope) { 
 $scope.message = "Hello";
}]);

基本的Angular JS应用程序不起作用

1 个答案: