ng控制器hello world diff介于1.3到1.4.7之间

时间:2015-11-08 22:37:34

标签: angularjs

我正在关注角度为1.3的angualr js的教程,但我使用的是最新的稳定版本1.4.7。以下代码在1.4.7中不起作用,尽管在1.3.2中也是如此。你能告诉我代码工作需要做些什么改变吗?

HTML:

<!DOCTYPE html>
<html ng-app>

  <head>
    <script data-require="angular.js@1.4.7" data-semver="1.4.7" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

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

</html>


JavaScript :

var MainController = function($scope){
  $scope.message = "Hello World";
};

我正在使用在线工具plunker进行编码。

你能告诉我我需要做出哪些改变吗?

1 个答案:

答案 0 :(得分:0)

默认情况下,全局控制器构造函数被禁用,因为版本 1.3.0-beta.15

在以后的版本中,请改用:

angular.module('myApp', []).controller('MainController', function($scope) {
  $scope.message = "Hello World";
});

<html ng-app="myApp">

演示: http://plnkr.co/edit/XWv50NKr5ojiplbMHI59?p=preview