簡體   English   中英

ng controller hello world diff在1.3至1.4.7之間

[英]ng controller hello world diff between 1.3 to 1.4.7

我正在遵循angular 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.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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM