Question

我一直在关注Angular.js教程，但它有点老了，在版本1.2.5之后不兼容

HTML文件

<!DOCTYPE html>
<html ng-app="">

  <head>
    <script data-require="angular.js@*" data-semver="1.3.9" src="https://code.angularjs.org/1.3.9/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

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




</html>

js文件

var MainController = function($scope)
{
  $scope.message = "Hello, Angular!";
}

我如何在1.4.3中执行此操作？感谢

Answer 1

在你的html中你提到 HelloController 而不是 MainController

Answer 2

您可以创建控制器并将其添加到角度模块。

小心，angular.module()提供getter和setter语法：

getter：angular.module('myModuleName')
setter：angular.module('myModuleName', [])

<强>控制器

(function(){

function Controller($scope) {

  $scope.name = 'john';

}

angular
.module('app', [])
.controller('ctrl', Controller);

})();

<强> HTML

  <body ng-app='app' ng-controller='ctrl'>

    Hello {{name}}

  </body>

Working Plunker

在JavaScript 1.2.5之后如何让我的控制器进入范围？

2 个答案: