index.ejs 中的角度控制器错误答案

【问题标题】：Angular Controller error in index.ejsindex.ejs 中的角度控制器错误
【发布时间】：2016-12-28 19:30:13
【问题描述】：

我有一个 index.ejs 页面，它有一个 slideMenu 可以在 index.ejs 页面中插入其他 HTML 视图。

每个 html 视图都有自己的控制器。每个控制器都在自己的 .js 文件中。我在 index.ejs 文件中包含了所有这些脚本，但这会导致以下问题并且 HTML 视图无法正确加载。

<!DOCTYPE html>
<html ng-app="myapp" xmlns:width="http://www.w3.org/1999/xhtml">
<head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css'/>
</head>

<body layout="column">
<!-- ANGULAR MATERIAL DEPENDENCIES -->
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

<!-- ANGULAR MATERIAL DEPENDENCIES END-->


<md-content>
            <div ng-include="'/html/newCode/addCircleTimeSong.html'"></div>

</md-content>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.js"></script>

<script src="javascripts/newCode/Controller_CircleTimeSongPage.js"></script>
<script src="javascripts/newCode/Controller_ObservationPage.js"></script>
<script src="javascripts/newCode/Controller_CircleTimeActivityPage.js"></script>


</body>
</html>

我收到以下错误：

Error: [ng:areq] http://errors.angularjs.org/1.4.8/ng/areq?p0=CircleTimeSongPageController&p1=not%20aNaNunction%2C%20got%20undefined

【问题讨论】：

标签： javascript angularjs node.js angular-material mean-stack

【解决方案1】：

如果你写了这个声明

var mainApp = angular.module("myapp", ['ngMaterial']);

在所有控制器文件中。这就是导致此错误的原因。该语句创建并初始化myapp 模块。因此，如果您在所有控制器文件中使用此语句，则每次都会重新初始化 myApp，因此会出现角度错误。

在其他控制器文件中用此语句替换

var mainApp = angular.module("myapp");

以上语句表示获取/引用已经创建/初始化的myapp模块。

【讨论】：