首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >从基本应用程序中获取一个angularjs错误

从基本应用程序中获取一个angularjs错误
EN

Stack Overflow用户
提问于 2016-01-20 18:09:06
回答 3查看 305关注 0票数 1

代码:

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head> 
    <!-- angular -->    
    <script src="angular.min.js"></script>
</head>

<body ng-app="app"> 

<div ng-controller="MainController">
  <p>{{ title }}</p>
</div>


<!-- Modules -->
<script src="app.js"></script>

<!-- Controllers -->
<script src="MainController.js"></script>

<!-- Directives -->
<script src="timelineInfo.js"></script>



</body>
</html>

我的所有文件都在同一个文件夹中,因为我在执行src=“js/.”时遇到了问题。

我知道错误:

代码语言:javascript
复制
angular.min.js:6 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.0-rc.1/$injector/modulerr?p0=app&p1=Error%3…0%20%20at%20c%20(http%3A%2F%2Flocalhost%3A8080%2Fangular.min.js%3A20%3A42

我不太明白这个网站的意思。我在索引目录中使用angular.min.js,因为将它链接到http文件会给我带来问题。我所要做的就是运行一个简单的应用程序,这样我就可以从那里构建,但即使这样也会给我带来问题。

(我是从本地机器上运行的)

谢谢!!

app.js:

代码语言:javascript
复制
var app = angular.module("timelineApp", []);

MainController.js:

代码语言:javascript
复制
app.controller('MainController', ['$scope', function($scope) { 
      $scope.title = 'this is a test'; 
    }]);
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-01-20 18:14:02

问题是,在您的html中,ng-app中引用了ng-app模块。在您的app.js中,您的模块名为timelineApp

你需要同步它们。

要么更新您的app.js

从…

代码语言:javascript
复制
var app = angular.module("timelineApp", []);

代码语言:javascript
复制
var app = angular.module("app", []);

或者从

代码语言:javascript
复制
<body ng-app="app"> 

代码语言:javascript
复制
<body ng-app="timelineApp"> 
票数 5
EN

Stack Overflow用户

发布于 2016-01-20 18:53:01

ng- html代码中的app值应该与javascript中的角模块相同。

例如,在你的情况下,它应该是:-

代码语言:javascript
复制
<ng-app="timelineApp"> // in your html code

或以下:-

代码语言:javascript
复制
var app=angular.module('app',[]); // in your javascript

另外,如果你在那之后仍然面临错误,那么你可以在同一个here上回答我的一个问题。

票数 1
EN

Stack Overflow用户

发布于 2016-01-20 18:22:20

您所得到的错误是指应用程序没有正确引导的事实。因此,角的编译器不理解它所遇到的指令;在本例中,这将是ng-controller

重要的是你要明白发生了什么。

var app = angular.module("timelineApp, []")

以及随后

<body ng-app="app">

ng-app实际上应该是timelineApp,因为这就是您将角模块设置为的名称。

上面的代码“引导”您的应用程序。一旦您的应用程序是引导,角的编译器将通过页面的标记。当它遇到ng-app指令时,它将查看它的值timelineApp,并知道它被注册为一个角应用程序。

这还有助于它理解在app上注册了一个控制器。

代码语言:javascript
复制
app.controller('MainController', ['$scope', function($scope) { 
     $scope.title = 'this is a test'; 
}]);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34907376

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档