我正在努力学习Angular.js。我设置了一个简单的页面,我想在其中显示来自我的脚本文件的消息。这是HTML结构:
<!DOCTYPE html>
<html ng-app>
<head>
<script data-require="angular.js@*" data-semver="2.0.0-alpha.31" src="https://code.angularjs.org/2.0.0-alpha.31/angular.js"></script>
<link href="style.css" rel="stylesheet" />
<script src="script.js"></script>
</head>
<body ng-controller="MainController">
<h1>{{message}}</h1>
</body>
</html>
这是我的script.js:
var MainController = function($scope){
$scope.message = "my message";
};
我应该在页面上看到my message
字样,而是我真正地看到{{message}}
。我试图将JS代码包装在自我启动函数中:
(function() {
var MainController = function($scope) {
$scope.message = "my message";
};
}());
但它没有任何结果。
我做错了什么?
答案 0 :(得分:0)
它的旧语法,你不能像那样声明控制器。现在您需要在模块上注册控制器。
angular.module('anyModuleName',[]).controller('yourControllerName',function(){
});
并编辑到您初始化应用的ng-app="anyModuleName"
。在您的情况下<html ng-app="anyModuleName">