Angular index.ejs 中的控制器错误

Question

我有一个 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

Answer 1

如果你写过这个声明

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

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

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

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

以上语句表示fetch/reference已经created/initializedmyapp模块

Angular index.ejs 中的控制器错误

Angular Controller error in index.ejs

javascript

node.js

angularjs

mean-stack

angular-material