AngularJS 未捕获错误:没有模块:myApp

use*_*677 1 angularjs

AngularJS:使用 angular.module 和 VM

我已将我的角度模块定义如下,并希望按照指南使用 VM。不确定我在这里做错了什么,但它在控制台中给了我错误:

未捕获的错误:没有模块:myApp

这是我的代码:

<div ng-controller="Ctrl">
    Hello, {{vm.name}}!
</div>
Run Code Online (Sandbox Code Playgroud)
var app = angular.module('myApp');

app.controller('Ctrl', ['$scope', '$http',
  function ($scope, $http) { 
    var vm = this;
    vm.name = "John";
}]);
Run Code Online (Sandbox Code Playgroud)

这是我的jsfiddle:

https://jsfiddle.net/dn7pkuf8/

Mar*_*und 5

首先,在声明模块时需要添加一个空数组(或带有依赖项的数组)。如果没有数组,您将尝试获取名为 myApp 的模块。

var app = angular.module('myApp', []);
Run Code Online (Sandbox Code Playgroud)

然后,您需要将应用程序名称添加到视图中的NgApp指令中,否则 Angular 应用程序需要引导。

像这样尝试一下

<body ng-app="myApp">
  <div ng-controller="Ctrl as vm">
     Hello, {{vm.name}}!
  </div>
</body>
Run Code Online (Sandbox Code Playgroud)