2015-06-09 30 views
2

我收到錯誤信息而不是加載我的controllerangularjs - 控制器未加載我的場景

我提供我的所有文件,讓任何figureout錯誤,請..

HTML文件:

<!DOCTYPE html> 
<html ng-app="tcpApp"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <base href="/"> 
    <title>TCP App</title> 
    <link rel="stylesheet" href="css/lib/fonts.css"> 
    <link rel="stylesheet" href="css/lib/reset.css"> 
    <link rel="stylesheet" href="css/tcp.css"> 
</head> 
<body> 

    <div class="wrapper" ng-view></div> 

    <!--Libs --> 
    <script src="js/lib/jquery/dist/jquery.min.js"></script> 
    <script src="js/lib/angular/angular.min.js"></script> 
    <script src="js/lib/angular-resource/angular-resource.min.js"></script> 
    <script src="js/lib/angular-route/angular-route.min.js"></script> 
    <!--scripts --> 
    //loading controller as first 
    <script src="js/script/controllers/homeController.js"></script> 
    <script src="app.js"></script> //app file 
</body> 
</html> 

app.js:

"user strict"; 

var tcpAppHolder = angular.module("tcpApp", ["ngRoute"]); 

tcpAppHolder 
    .config(function ($routeProvider, $locationProvider) { 

     $locationProvider.html5Mode(true); 

     $routeProvider 
      .when ("/home", { 
       templateUrl : "views/home.html", 
       controller : "homeController" //loading home controller 
     }); 

     $routeProvider 
      .otherwise ({ 
       templateUrl : "views/home.html", 
       controller : "homeController" 
     }); 
}); 

homecontroller.js文件:

"use strict"; 

angular.module("tcpApp.controllers") 
    .controller("homeController", function ($scope) { //but not loading 
     console.log("i am from home"); 
    }); 

錯誤我得到:

Uncaught Error: [$injector:nomod] http://errors.angularjs.org/1.4.0/ $injector/nomod?p0=tcpApp.controllers

+1

它會告訴你在錯誤的URL它不知道什麼''tcpApp.controllers是 – Pogrindis

回答

4

angular.module("tcpApp") 
    .controller("homeController", function ($scope) { //but not loading 
     console.log("i am from home"); 
    }); 

你的模塊名稱更新您的家庭控制器是不正確的,是造成問題。請立即檢查。

+0

不,還沒有加載。 – 3gwebtrain

+0

@ 3gwebtrain必須有另一個錯誤,然後 – Pogrindis

+0

加載文件序列是否正確? – 3gwebtrain

2

您的模塊名稱是tcpApp,而不是tcpApp.controllers。編輯你的homecontroller.js文件。

angular.module("tcpApp") 
.controller("homeController", function ($scope) { //but not loading 
    console.log("i am from home"); 
}); 
2

需要將tcpApp.controllers添加到您的tcpAppHolder var。

var tcpAppHolder = angular.module("tcpApp", ["ngRoute", "tcpApp.controllers" ]); 
+0

我像你的更新,但仍然出現錯誤作爲'http://errors.angularjs.org/1.4.0/$injector/nomod?p0 = tcpApp.controllers' – 3gwebtrain

+0

@ 3gwebtrain清除您的緩存!!!!否則,你在注入某個舊的'tcpApp.controllers' – Pogrindis

+0

@ 3gwebtrain homeController.js文件是否正確加載?檢查你的控制檯。 –