【问题标题】:Angularjs app not bootstrapping without module没有模块的Angularjs应用程序无法引导
【发布时间】:2015-01-26 16:09:17
【问题描述】:

我是 angularjs 的新手,这听起来可能很傻,但我想知道为什么我的 angularjs 应用程序不会在不创建模块的情况下启动,即使 egghead.io 和几个教程显示其他内容。 这是我的 HTML 模板

<!DOCTYPE html>
<html ng-app>

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

  <body>
    <div ng-controller="HelloController">
      <p>{{greeting.text}}, World</p>
    </div>
  </body>
</html>

以及 不工作

的 controller.js 文件
function HelloController($scope) {
$scope.greeting = { text: 'Hello' };
}

当我注册模块 [并将 ng-app 命名为 'hello' ofcourse] 并编写控制器时,它工作

angular.module('hello', []).controller('HelloController', function($scope) {
  $scope.greeting = { text: 'Hello' };
});

我只是想知道这种行为的原因。 感谢期待。

【问题讨论】:

标签: javascript angularjs model-view-controller angularjs-scope


【解决方案1】:

这是 Angular 1.3 的重大变化。您可以查看重大更改列表here

由于此更改,您不能将全局函数用作控制器。您可以使用 allowGlobals 覆盖此行为(更多信息here),但我不建议这样做。

【讨论】:

  • 非常感谢。真的很感激!
猜你喜欢
  • 2020-07-08
  • 2015-09-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-12-06
  • 1970-01-01
相关资源
最近更新 更多