我有一个带有控制器的非常基本的页面,我认为应该从代码中很明显地看出来,但是它不起作用。
这是我的HTML
<!DOCTYPE html>
<html ng-app>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<h1>{{ 800 / 40 }} </h1>
<h1 ng-controller="MainController">{{message}}</h1>
</body>
</html>
在script.js中使用以下内容
var MainController = function($scope) {
$scope.message = "Hello";
});
800/40显示20,这表明Angular脚本和ng-app很好,但未设置message的值。在示例中,ng-controller在h1标记中,但我也在环绕h1的div中进行了尝试。
有什么建议?
谢谢
最佳答案
您需要创建一个角度模块
var myapp = angular.module('myApp', []);
myapp.controller('MainController', function($scope){
$scope.message= "Hello";
})
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<link rel="stylesheet" href="style.css" />
<div ng-app="myApp">
<h1 ng-controller="MainController">{{message}}</h1>
</div>