Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/visual-studio-2010/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
AngularJS未捕获错误:无模块:myApp AngularJS:使用angular.module和VM_Angularjs - Fatal编程技术网

AngularJS未捕获错误:无模块:myApp AngularJS:使用angular.module和VM

AngularJS未捕获错误:无模块:myApp AngularJS:使用angular.module和VM,angularjs,Angularjs,我已经定义了我的角度模块,如下所示,并希望按照指南使用VM。不确定我在这里做错了什么,但它在控制台中给了我错误: 未捕获错误:无模块:myApp 这是我的密码: <div ng-controller="Ctrl"> Hello, {{vm.name}}! </div> 这是我的JSFIDLE: 首先,在声明模块时,需要添加一个空数组(或具有依赖项的数组)。如果没有数组,您将尝试取回名为myApp的模块 var app = angular.mo

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

未捕获错误:无模块:myApp

这是我的密码:

<div ng-controller="Ctrl">
    Hello, {{vm.name}}!
</div>
这是我的JSFIDLE:


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

var app = angular.module('myApp', []);
然后需要将应用程序名称添加到视图中的指令中,否则angular应用程序需要引导

像这样试试

<body ng-app="myApp">
  <div ng-controller="Ctrl as vm">
     Hello, {{vm.name}}!
  </div>
</body>

你好,{{vm.name}!

创建新模块时,必须将数组作为第二个参数传递

var-app=angular.module('myApp',[])


否则,它将查找不存在的现有应用程序“myApp”。

看起来您正在尝试使用ContollerAs语法。我已经准备好了

您的HTML:

<html>

  <head>
    <script type="text/javascript" src="https://code.angularjs.org/1.4.0-rc.2/angular.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-app="myApp">
    <h1>Hello Plunker!</h1>

    <div ng-controller="Ctrl as vm">
      Hello, {{vm.name}}!
    </div>
  </body>

</html>

我无法在您的JSFIDLE中实现这一点,但我认为这基本上是您使用控制器的HTML中的语法更正,以及此处其他人提出的要点(包括ng app,您的javascript模块语法)。

您没有使用正确的语法创建应用程序实例。 正确的语法如下所示

var app = angular.module('myApp',[]);
那么你写的sysntax是什么意思

var app = angular.module('myApp');
这意味着您已经创建了实例,并且希望使用它。现在您将了解angularjs抛出此错误的原因。因为它将查找未创建的实例,而不是创建新实例

注意:需要附加参数[]来指定 依赖关系。这意味着您可以添加现有的angularjs 应用。意味着您可以添加依赖项并使用它

您完成的js文件应该如下所示

var app = angular.module('myApp',[]);

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

我想不是在每个div/页上指定。我们可以手动引导如下:var app=angular.module('myApp')@user1563677您需要添加NgApp指令以使其工作。将其添加到根元素,而不是每个视图中。查看我的更新Micky说,当调用
angular.module
时,您需要有两个参数来创建模块<代码>角度。模块('moduleName',[])
创建模块
moduleName
<代码>角度。模块('moduleName')检索模块的实例
moduleName
现在没有错误,但它不显示输出。以下是更新的小提琴:
var app = angular.module('myApp');
var app = angular.module('myApp',[]);

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