AngularJS-Eclipse：找不到我的控制器答案

【问题标题】：AngularJS-Eclipse : My controllers not foundAngularJS-Eclipse：找不到我的控制器
【发布时间】：2016-03-06 10:54:03
【问题描述】：

我正在使用 eclipse 和 angularJS 来制作我的应用程序的前端。我不是第一次使用 angular，而是第一次将它与 eclipse 一起使用。

AngularJS 插件已安装，我在视图和控制器之间建立了链接。我将我的项目转换为 AngularJS 项目。 Angular 正在工作（输入 ng-model="a" {{a}} 完成了这项工作）但 chrome 终端给了我一个错误：

错误：[ng:areq] http://errors.angularjs.org/1.5.0/ng/areq?p0=HomeController&p1=not%20aNaNunction%2C%20got%20undefined

index.html

<!DOCTYPE html >
<html ng-app="app">

    <head>
        <meta charset="UTF-8">
        <title>Mon Titre</title>

        <link rel="stylesheet" type="text/css" href="resources/css/bootstrap.min.css" />
        <link rel="stylesheet" type="text/css" href="resources/css/style.css" />
        <script type="text/javascript" src="https://code.angularjs.org/1.5.0/angular.min.js"></script>
        <script type="text/javascript" src="https://code.angularjs.org/1.5.0/angular-route.js"></script>
        <script type="text/javascript" src="resources/js/angular/controller/MainController.js"></script>
        <script type="text/javascript" src="resources/js/angular/controller/HomeController.js"></script>
        <script type="text/javascript" src="resources/js/angular/controller/CategoryController.js"></script>
        <script type="text/javascript" src="resources/js/angular/app.js"></script>
    </head>
    <body >
        <div ng-view></div>

    </body>
</html>

app.js

var app = angular.module("app", ["ngRoute"]); // Already tried to inject controllers
app.config(function ($routeProvider) {
  $routeProvider
      .when('/', {
        templateUrl: 'pages/accueil.html',
        controller: 'HomeController'
      })
      .when('/categories', {
        templateUrl: 'pages/categorie-list.html', 
        controller: 'CategoryController'
      })
      .otherwise({
        redirectTo: '/'
      });
});

HomeController.js

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

app.controller("HomeController", function($scope){
    $scope.bonjour ='I\'m home controller !';
});

CategoryController.js

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

app.controller("CategoryController", function($scope){
    $scope.bonjour = 'I\'m category controller';
});

两个 .html 都只包含一个 {{bonjour}}。感谢您的帮助，抱歉英语这么低！

【问题讨论】：

标签： angularjs eclipse

【解决方案1】：

在 HomeController.js 和 CategoryController.js 中替换

var app = angular.module("app",[]); // create new app module

与

var app = angular.module("app"); // use existing app module

在控制器脚本之前移动 app.js 脚本：

<script src="https://code.angularjs.org/1.5.0/angular.min.js"></script>
<script src="https://code.angularjs.org/1.5.0/angular-route.js"></script>
<script src="resources/js/angular/app.js"></script>
<script src="resources/js/angular/controller/MainController.js"></script>
<script src="resources/js/angular/controller/HomeController.js"></script>
<script src="resources/js/angular/controller/CategoryController.js"></script>

【讨论】：

天哪，它的工作......我不敢相信我在投降之前尝试了 50 次......所以谢谢你的回复.. 真的很快我印象深刻！