无法使Angular.js正常工作

时间:2015-10-24 20:00:02

标签: javascript angularjs

我正在努力学习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";
    };
}());

但它没有任何结果。

我做错了什么?

1 个答案:

答案 0 :(得分:0)

它的旧语法,你不能像那样声明控制器。现在您需要在模块上注册控制器。

angular.module('anyModuleName',[]).controller('yourControllerName',function(){
});

并编辑到您初始化应用的ng-app="anyModuleName"。在您的情况下<html ng-app="anyModuleName">