控制器没有加载我的场景

controller not loading my scenario

本文关键字：我的 加载 控制器      更新时间：2023-09-26

我收到错误而不是加载我的controller。

我提供了我所有的文件，请让任何人找出错误。

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

请使用

更新家用控制器
angular.module("tcpApp")
    .controller("homeController", function ($scope) { //but not loading
        console.log("i am from home");
    });

您的模块名称不正确，导致了这个问题。

您的模块名称是tcpApp，而不是tcpApp.controllers。编辑你的homecontroller.js文件。

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

需要添加tcpApp。

var tcpAppHolder = angular.module("tcpApp", ["ngRoute", "tcpApp.controllers" ]);
相关文章：