控制器未定义错误（已在 javascript 文件中定义）

Question

Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:modulerr] Failed to instantiate module app.Firstpage due to:
ReferenceError: loginController is not defined
    at routerChange (http://127.0.0.1:1139/www/js/Firstpage/route.js:9:41)
    at Object.invoke (http://127.0.0.1:1139/www/lib/ionic/js/ionic.bundle.js:12110:17)
    at runInvokeQueue (http://127.0.0.1:1139/www/lib/ionic/js/ionic.bundle.js:12016:35)
    at http://127.0.0.1:1139/www/lib/ionic/js/ionic.bundle.js:12025:11
    at forEach (http://127.0.0.1:1139/www/lib/ionic/js/ionic.bundle.js:8248:20)
    at loadModules (http://127.0.0.1:1139/www/lib/ionic/js/ionic.bundle.js:12006:5)
    at http://127.0.0.1:1139/www/lib/ionic/js/ionic.bundle.js:12023:40
    at forEach (http://127.0.0.1:1139/www/lib/ionic/js/ionic.bundle.js:8248:20)
    at loadModules (http://127.0.0.1:1139/www/lib/ionic/js/ionic.bundle.js:12006:5)
    at createInjector (http://127.0.0.1:1139/www/lib/ionic/js/ionic.bundle.js:11932:11)

你好我正在尝试制作 angular 应用程序。但是我收到错误消息说我的控制器未定义。你能告诉我我哪里做错了吗？我收到上述错误 here is my code。 https://dl.dropbox.com/s/zipm6g0ewqf7xg4/ionic_web.zip?dl=0

我正在尝试加载index.html文件。请运行index.html文件到收到错误

<html ng-app="app">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

    <title>First app</title>

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">

    <!-- libraray--->
     <script src="lib/ionic/js/ionic.bundle.js" type="application/javascript"></script>  




    <!-- module  -->
   <script src="js/Firstpage/module.js" type="application/javascript"></script>




    <!-- controller  -->
<script src="js/Firstpage/controller/firstcontroller.js" type="application/javascript"></script>

     <!-- router -->
    <script src="js/Firstpage/route.js" type="application/javascript"></script>


    <script src="js/app.js" type="application/javascript"></script>

</head>
<body>

    <ion-nav-bar class="bar-balanced">
        <ion-nav-back-button class="">
        </ion-nav-back-button>
    </ion-nav-bar>

    <ion-nav-view></ion-nav-view>




</body>
</html>

这是我的全部代码

https://dl.dropbox.com/s/zipm6g0ewqf7xg4/ionic_web.zip?dl=0

Answer 1

之前：

在 Route.js -

(function(){
   'use strict';
   angular.module('app.Firstpage').config(routerChange);
    routerChange.$inject=['$stateProvider', '$urlRouterProvider'];
    function routerChange($stateProvider,$urlRouterProvider){
        $stateProvider.state('login',{
                             url:'/login',
                             templateUrl:"js/Firstpage/template/login.html",
                             controller:'loginController'

        })

        $urlRouterProvider.otherwise('/login')
    }


})();

现在 Route.js :

(function(){
   'use strict';
   angular.module('app.Firstpage').config(routerChange);
    routerChange.$inject=['$stateProvider', '$urlRouterProvider'];
    function routerChange($stateProvider,$urlRouterProvider){
        $stateProvider.state('login',{
                             url:'/login',
                             templateUrl:"js/Firstpage/template/login.html",
                             controller:'loginController'

        })

        $urlRouterProvider.otherwise('/login')
    }


})();

你漏掉了单引号。

控制器：'loginController'

输出截图：

控制器未定义错误（已在 javascript 文件中定义）

controller is undefined error (already defined in javascript file)

angularjs

angularjs-directive

angularjs-scope

angularjs-ng-repeat

angular-ui-router