Fatal编程技术网
  • javascript/
  • Javascript 将控制器放入分离文件后angular rails应用程序不工作

Javascript 将控制器放入分离文件后angular rails应用程序不工作

javascript ruby-on-rails angularjs

Javascript 将控制器放入分离文件后angular rails应用程序不工作,javascript,ruby-on-rails,angularjs,Javascript,Ruby On Rails,Angularjs,我有一个rails应用程序，它在前端使用angular。我已将所有angular文件放在app/assets/javascripts/angular中。我有一个包含所有视图和app.js的模板文件夹 angular/app.js app = angular.module("appname", ['ui.router', 'ngResource', 'templates']); app.config([ "$stateProvider", "$urlRouterProvider",

我有一个rails应用程序，它在前端使用angular。我已将所有angular文件放在app/assets/javascripts/angular中。我有一个包含所有视图和app.js的模板文件夹

angular/app.js

app = angular.module("appname", ['ui.router', 'ngResource', 'templates']);

app.config([
    "$stateProvider", "$urlRouterProvider",
    function ($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state("home", {
                url: "/",
                controller: "homeCtrl",
                templateUrl: "angular/templates/home.html"
            })
    }
]);



app.controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {


}]);

app = angular.module("appname", ['ui.router', 'ngResource', 'templates', 'homeCtrl']);

app.config([
    "$stateProvider", "$urlRouterProvider",
    function ($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state("home", {
                url: "/",
                controller: "homeCtrl",
                templateUrl: "angular/templates/home.html"
            })
    }
]);

app = angular.module("appname", []);
app.controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {


}]);

//= require jquery
//= require angular
//= require angular-ui-router
//= require angular-resource
//= require angular-rails-templates
//= require_tree ./angular/templates
//= require angular/app         //added this now
//= require angular/controllers/home-ctrl    //added this now
//= require jquery_ujs
//= require toastr
//= require bootstrap-sass/assets/javascripts/bootstrap-sprockets
//= require jquery-fileupload/vendor/jquery.ui.widget
//= require jquery-fileupload/jquery.iframe-transport
//= require jquery-fileupload/jquery.fileupload
//= require turbolinks
//= require_tree .

app = angular.module("appname", []);
这很有效。。但是当我尝试将控制器移动到另一个文件中时，它不会工作，并且不会显示任何错误。下面是我尝试将其移动到不同文件的步骤

angular/app.js

app = angular.module("appname", ['ui.router', 'ngResource', 'templates']);

app.config([
    "$stateProvider", "$urlRouterProvider",
    function ($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state("home", {
                url: "/",
                controller: "homeCtrl",
                templateUrl: "angular/templates/home.html"
            })
    }
]);



app.controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {


}]);

app = angular.module("appname", ['ui.router', 'ngResource', 'templates', 'homeCtrl']);

app.config([
    "$stateProvider", "$urlRouterProvider",
    function ($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state("home", {
                url: "/",
                controller: "homeCtrl",
                templateUrl: "angular/templates/home.html"
            })
    }
]);

app = angular.module("appname", []);
app.controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {


}]);

//= require jquery
//= require angular
//= require angular-ui-router
//= require angular-resource
//= require angular-rails-templates
//= require_tree ./angular/templates
//= require angular/app         //added this now
//= require angular/controllers/home-ctrl    //added this now
//= require jquery_ujs
//= require toastr
//= require bootstrap-sass/assets/javascripts/bootstrap-sprockets
//= require jquery-fileupload/vendor/jquery.ui.widget
//= require jquery-fileupload/jquery.iframe-transport
//= require jquery-fileupload/jquery.fileupload
//= require turbolinks
//= require_tree .

app = angular.module("appname", []);
在angular/controllers/homeCtrl.js中创建以下文件 angular/controllers/home ctrl.js

app = angular.module("appname", ['ui.router', 'ngResource', 'templates']);

app.config([
    "$stateProvider", "$urlRouterProvider",
    function ($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state("home", {
                url: "/",
                controller: "homeCtrl",
                templateUrl: "angular/templates/home.html"
            })
    }
]);



app.controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {


}]);

app = angular.module("appname", ['ui.router', 'ngResource', 'templates', 'homeCtrl']);

app.config([
    "$stateProvider", "$urlRouterProvider",
    function ($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state("home", {
                url: "/",
                controller: "homeCtrl",
                templateUrl: "angular/templates/home.html"
            })
    }
]);

app = angular.module("appname", []);
app.controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {


}]);

//= require jquery
//= require angular
//= require angular-ui-router
//= require angular-resource
//= require angular-rails-templates
//= require_tree ./angular/templates
//= require angular/app         //added this now
//= require angular/controllers/home-ctrl    //added this now
//= require jquery_ujs
//= require toastr
//= require bootstrap-sass/assets/javascripts/bootstrap-sprockets
//= require jquery-fileupload/vendor/jquery.ui.widget
//= require jquery-fileupload/jquery.iframe-transport
//= require jquery-fileupload/jquery.fileupload
//= require turbolinks
//= require_tree .

app = angular.module("appname", []);
下面是我添加到
application.js

//= require angular/app
//= require angular/controllers/home-ctrl

angular.module("appname", ['ui.router', 'ngResource', 'templates', 'homeCtrl']);

angular.module("appname")
.config([
"$stateProvider", "$urlRouterProvider",
function ($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state("home", {
            url: "/",
            controller: "homeCtrl",
            templateUrl: "angular/templates/home.html"
        })
}
]);

angular.module("appname")
 .controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {

}]);
下面是完整的
application.js

//= require angular/app
//= require angular/controllers/home-ctrl

angular.module("appname", ['ui.router', 'ngResource', 'templates', 'homeCtrl']);

angular.module("appname")
.config([
"$stateProvider", "$urlRouterProvider",
function ($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state("home", {
            url: "/",
            controller: "homeCtrl",
            templateUrl: "angular/templates/home.html"
        })
}
]);

angular.module("appname")
 .controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {

}]);
application.js

app = angular.module("appname", ['ui.router', 'ngResource', 'templates']);

app.config([
    "$stateProvider", "$urlRouterProvider",
    function ($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state("home", {
                url: "/",
                controller: "homeCtrl",
                templateUrl: "angular/templates/home.html"
            })
    }
]);



app.controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {


}]);

app = angular.module("appname", ['ui.router', 'ngResource', 'templates', 'homeCtrl']);

app.config([
    "$stateProvider", "$urlRouterProvider",
    function ($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state("home", {
                url: "/",
                controller: "homeCtrl",
                templateUrl: "angular/templates/home.html"
            })
    }
]);

app = angular.module("appname", []);
app.controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {


}]);

//= require jquery
//= require angular
//= require angular-ui-router
//= require angular-resource
//= require angular-rails-templates
//= require_tree ./angular/templates
//= require angular/app         //added this now
//= require angular/controllers/home-ctrl    //added this now
//= require jquery_ujs
//= require toastr
//= require bootstrap-sass/assets/javascripts/bootstrap-sprockets
//= require jquery-fileupload/vendor/jquery.ui.widget
//= require jquery-fileupload/jquery.iframe-transport
//= require jquery-fileupload/jquery.fileupload
//= require turbolinks
//= require_tree .

app = angular.module("appname", []);
有人能告诉我我做错了什么吗

更新1

我创建了一个简单的应用程序来演示它

这是
html标题

<html ng-app="testapp">
<head>
  <title>Testapp</title>
  <link rel="stylesheet" media="all" href="/assets/custom.self-17e1d92ee5c6aa25c961b0247a2b58df305a162ba2c7adc73cebd70894923726.css?body=1" data-turbolinks-track="true" />
<link rel="stylesheet" media="all" href="/assets/welcome.self-e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css?body=1" data-turbolinks-track="true" />
<link rel="stylesheet" media="all" href="/assets/application.self-e80e8f2318043e8af94dddc2adad5a4f09739a8ebb323b3ab31cd71d45fd9113.css?body=1" data-turbolinks-track="true" />
  <script src="/assets/jquery/dist/jquery.self-4e239680527cb2d6016e15eb767e577a5ba6c75055937d62957773e43b8773a9.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/angular/angular.self-3850d7602cc1968e02b0a500d063347fdc614035a5369947cc4ab853f83c1edb.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/angular-ui-router/release/angular-ui-router.self-4b9be280d80df92307d4ec9b5676ccd659934704c7bb336b471df211b497e840.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/angular-rails-templates.self-f73a25f00ce684992b28562a01665855f2aabcedd405901b89b47873f76ca8d1.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/angular/templates/home.self-1ff1a25416205b20e5874f674491c4f16757e7fc8c90493cc6a12e9ad9d9a200.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/angular/app.module.self-ac8420276da6899e4a9bef3944222f2fe38907f55db6662a265ed8450c90f98a.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/angular/app.config.self-ce8605f70015d41a58b4efbbed8d49dda515ebd60d8156494bf676b2a9315a97.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/angular/home-ctrl.self-98b167d187c2b959e75a30e0f26b0adec7706c96b058240bc6a89174b867a638.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/bootstrap-sass/assets/javascripts/bootstrap/affix.self-3555752f8a930795ee9e56751a52e6871104ae85d01b3ab8363da3802a5ecc78.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/bootstrap-sass/assets/javascripts/bootstrap/alert.self-d8b7bd612b3dcfdefb7b5539b9d5848d66ccbd3e7af8bb8d48bfb3288aaa7be8.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/bootstrap-sass/assets/javascripts/bootstrap/button.self-e74d33ba39500940a78d6fa4d2d64f6ca7fd86d60a2149641f7fde7ba711d8a1.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/bootstrap-sass/assets/javascripts/bootstrap/carousel.self-35d204878d906298e55bc24553e11fd89b980fc4ffe5792fe36af8c0da289c54.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/bootstrap-sass/assets/javascripts/bootstrap/collapse.self-056c40532d9f0f126ec17e839f60c942f573fbd61a086e7f156306e3fc5e8c1f.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/bootstrap-sass/assets/javascripts/bootstrap/dropdown.self-e56c2ffee4618411d43ecf15c89273f6223847ad756e1cd17545d04afa732ed4.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/bootstrap-sass/assets/javascripts/bootstrap/modal.self-62463080dba6b9d024ff0a3192da0e76eacbc683194f3395047c6f5cfa0acb59.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/bootstrap-sass/assets/javascripts/bootstrap/scrollspy.self-52afd90e8ba97d9f08617a13986e8869d6c4a45751c0bff59a6f91241e722aca.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/bootstrap-sass/assets/javascripts/bootstrap/tab.self-dad0d5c377f9fae26394484535ebb23ccf68afae084f896af6ea4cdf8c9f6ae0.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/bootstrap-sass/assets/javascripts/bootstrap/transition.self-3b268d4cd8c79e46ded7392885f72f64ffb5b0d49948a12b8cf9779f6163e13a.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/bootstrap-sass/assets/javascripts/bootstrap/tooltip.self-facdc69246a072acb927ded77ff655f7c27a518b9357fddd45d119fbc8a0ab9f.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/bootstrap-sass/assets/javascripts/bootstrap/popover.self-210cff1fb4b72b71a29b5122180cb5937c8145cd13a934dc838280f1d9607a3e.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/bootstrap-sass/assets/javascripts/bootstrap-sprockets.self-fbfa5ad7d9aa0afe439ec4ff3883acc4cb92b62cb67c40d674320c9aa1d4642d.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/jquery_ujs.self-e87806d0cf4489aeb1bb7288016024e8de67fd18db693fe026fe3907581e53cd.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/turbolinks.self-c37727e9bd6b2735da5c311aa83fead54ed0be6cc8bd9a65309e9c5abe2cbfff.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/welcome.self-877aef30ae1b040ab8a3aba4e3e309a11d7f2612f44dde450b5c157aa5f95c05.js?body=1" data-turbolinks-track="true"></script>
<script src="/assets/application.self-b5567fb0cb73f9d4ecd4fa178bbc995d9efe2b53da5e5bf4ca587adb307de5b1.js?body=1" data-turbolinks-track="true"></script>
  <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="aDiaoRdtCY5NkOmNLrNaq9nMxja4jcohyEhnohlT0FgR+Pjk56TuDUfchLX1AylzgWdzzNNM3+XLfBIBE95GBQ==" />
</head>
<body>


特斯塔普
您正在重新说明控制器中的
appname
模块

angular/controllers/home ctrl.js

app = angular.module("appname", ['ui.router', 'ngResource', 'templates']);

app.config([
    "$stateProvider", "$urlRouterProvider",
    function ($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state("home", {
                url: "/",
                controller: "homeCtrl",
                templateUrl: "angular/templates/home.html"
            })
    }
]);



app.controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {


}]);

app = angular.module("appname", ['ui.router', 'ngResource', 'templates', 'homeCtrl']);

app.config([
    "$stateProvider", "$urlRouterProvider",
    function ($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state("home", {
                url: "/",
                controller: "homeCtrl",
                templateUrl: "angular/templates/home.html"
            })
    }
]);

app = angular.module("appname", []);
app.controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {


}]);

//= require jquery
//= require angular
//= require angular-ui-router
//= require angular-resource
//= require angular-rails-templates
//= require_tree ./angular/templates
//= require angular/app         //added this now
//= require angular/controllers/home-ctrl    //added this now
//= require jquery_ujs
//= require toastr
//= require bootstrap-sass/assets/javascripts/bootstrap-sprockets
//= require jquery-fileupload/vendor/jquery.ui.widget
//= require jquery-fileupload/jquery.iframe-transport
//= require jquery-fileupload/jquery.fileupload
//= require turbolinks
//= require_tree .

app = angular.module("appname", []);
你不应该这样做，而应该这样做

angular.module("appname")
.controller("homeCtrl", ["$scope", "$state", function ($scope, $state){

}]);
请注意缺少方括号

我曾经遇到过类似的问题，就是这样解决的

您也在控制器中重新声明您的
appname
模块

angular/controllers/home ctrl.js

app = angular.module("appname", ['ui.router', 'ngResource', 'templates']);

app.config([
    "$stateProvider", "$urlRouterProvider",
    function ($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state("home", {
                url: "/",
                controller: "homeCtrl",
                templateUrl: "angular/templates/home.html"
            })
    }
]);



app.controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {


}]);

app = angular.module("appname", ['ui.router', 'ngResource', 'templates', 'homeCtrl']);

app.config([
    "$stateProvider", "$urlRouterProvider",
    function ($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state("home", {
                url: "/",
                controller: "homeCtrl",
                templateUrl: "angular/templates/home.html"
            })
    }
]);

app = angular.module("appname", []);
app.controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {


}]);

//= require jquery
//= require angular
//= require angular-ui-router
//= require angular-resource
//= require angular-rails-templates
//= require_tree ./angular/templates
//= require angular/app         //added this now
//= require angular/controllers/home-ctrl    //added this now
//= require jquery_ujs
//= require toastr
//= require bootstrap-sass/assets/javascripts/bootstrap-sprockets
//= require jquery-fileupload/vendor/jquery.ui.widget
//= require jquery-fileupload/jquery.iframe-transport
//= require jquery-fileupload/jquery.fileupload
//= require turbolinks
//= require_tree .

app = angular.module("appname", []);
你不应该这样做，而应该这样做

angular.module("appname")
.controller("homeCtrl", ["$scope", "$state", function ($scope, $state){

}]);
请注意缺少方括号

我曾经遇到过类似的问题，就是这样解决的

以下是我的建议：

  • 只有一个模块定义

  • 避免将变量分配给模块定义，即避免

    var-app=angular.module（'）
  • 定义
    控制器
    、
    指令
    、
    服务
    等时使用getter样式 e、 g

    • angular.module（“appname”）.config（）
    或
    angular.module（“appname”）.controller（）
    而不是

    angular.module（“appname”，[]）.config（）
    作为
    []
    重新定义模块

    代码应为：

    app.module.js

    //= require angular/app
//= require angular/controllers/home-ctrl

    angular.module("appname", ['ui.router', 'ngResource', 'templates', 'homeCtrl']);

    angular.module("appname")
.config([
"$stateProvider", "$urlRouterProvider",
function ($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state("home", {
            url: "/",
            controller: "homeCtrl",
            templateUrl: "angular/templates/home.html"
        })
}
]);

    angular.module("appname")
 .controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {

}]);

    app.config.js

    //= require angular/app
//= require angular/controllers/home-ctrl

    angular.module("appname", ['ui.router', 'ngResource', 'templates', 'homeCtrl']);

    angular.module("appname")
.config([
"$stateProvider", "$urlRouterProvider",
function ($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state("home", {
            url: "/",
            controller: "homeCtrl",
            templateUrl: "angular/templates/home.html"
        })
}
]);

    angular.module("appname")
 .controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {

}]);
    最后

    home ctrl.js

    //= require angular/app
//= require angular/controllers/home-ctrl

    angular.module("appname", ['ui.router', 'ngResource', 'templates', 'homeCtrl']);

    angular.module("appname")
.config([
"$stateProvider", "$urlRouterProvider",
function ($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state("home", {
            url: "/",
            controller: "homeCtrl",
            templateUrl: "angular/templates/home.html"
        })
}
]);

    angular.module("appname")
 .controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {

}]);
    按顺序加载文件

  • app.module.js
  • app.config.js
  • home ctrl.js
    • 以下，我建议如下：

  • 只有一个模块定义

  • 避免将变量分配给模块定义，即避免

    var-app=angular.module（'）
  • 定义
    控制器
    、
    指令
    、
    服务
    等时使用getter样式 e、 g

    • angular.module（“appname”）.config（）
    或
    angular.module（“appname”）.controller（）
    而不是

    angular.module（“appname”，[]）.config（）
    作为
    []
    重新定义模块

    代码应为：

    app.module.js

    //= require angular/app
//= require angular/controllers/home-ctrl

    angular.module("appname", ['ui.router', 'ngResource', 'templates', 'homeCtrl']);

    angular.module("appname")
.config([
"$stateProvider", "$urlRouterProvider",
function ($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state("home", {
            url: "/",
            controller: "homeCtrl",
            templateUrl: "angular/templates/home.html"
        })
}
]);

    angular.module("appname")
 .controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {

}]);

    app.config.js

    //= require angular/app
//= require angular/controllers/home-ctrl

    angular.module("appname", ['ui.router', 'ngResource', 'templates', 'homeCtrl']);

    angular.module("appname")
.config([
"$stateProvider", "$urlRouterProvider",
function ($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state("home", {
            url: "/",
            controller: "homeCtrl",
            templateUrl: "angular/templates/home.html"
        })
}
]);

    angular.module("appname")
 .controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {

}]);
    最后

    home ctrl.js

    //= require angular/app
//= require angular/controllers/home-ctrl

    angular.module("appname", ['ui.router', 'ngResource', 'templates', 'homeCtrl']);

    angular.module("appname")
.config([
"$stateProvider", "$urlRouterProvider",
function ($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state("home", {
            url: "/",
            controller: "homeCtrl",
            templateUrl: "angular/templates/home.html"
        })
}
]);

    angular.module("appname")
 .controller("homeCtrl", ["$scope", "$state", function ($scope, $state) {

}]);
    按顺序加载文件

  • app.module.js
  • app.config.js
  • home ctrl.js
    • 出于好奇，您是在已经存在的rails应用程序之上构建的吗？或者这是一个全新的应用程序？@Katana24它是一个现有的rails应用程序。尽量使它有棱角！！出于好奇，您是在已经存在的rails应用程序之上构建的吗？或者这是一个全新的应用程序？@Katana24它是一个现有的rails应用程序。尽量使它有棱角！！我试过了，但是没有定义homeCtrl函数错误现在试着像这样在函数中包装控制器文件。（function（）{angular.module（“appname”）.controller（“homeCtrl”[“$scope”，“$state”，function（$scope，$state）{}]）（）；我创建了一个简单的应用程序来演示它。你能看一下吗。。我试过了，但是没有定义homeCtrl函数错误现在试着像这样在函数中包装控制器文件。（function（）{angular.module（“appname”）.controller（“homeCtrl”[“$scope”，“$state”，function（$scope，$state）{}]）（）；我创建了一个简单的应用程序来演示它。你能看一下吗。。已尝试，但现在获取此错误
    未捕获错误：[$injector:modulerr]未能实例化模块appname，原因是：错误：[$injector:modulerr]未能实例化模块homeCtrl，原因是：错误：[$injector:nomod]模块“homeCtrl”不可用！您要么拼错了模块名，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。
    是否可以粘贴控制器代码？可能要检查angular.module（“appname”）    在这3个文件中是否一致。可能您没有在一个或多个文件中编辑
    “appname”
    ，我创建了一个简单的应用程序来演示它。你能看一下吗。。能否显示HTML的
    视图：源代码
    以查看是否正确加载了所有文件？我已使用HTML的头文件更新了问题，但现在收到此错误
    未捕获错误：[$injector:modulerr]未能实例化模块appname，原因是：错误：[$injector:modulerr]无法实例化模块homeCtrl，原因是：错误：[$injector:nomod]模块“homeCtrl”不可用！您要么拼错了模块名，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。
    是否可以粘贴控制器代码？可能要检查angular.module（“appname”）
    在这3个文件中是否一致。可能您没有在一个或多个文件中编辑
    “appname”
    ，我创建了一个简单的应用程序来演示它。你能看一下吗。。能否显示HTML的
    视图：source
    ，以查看是否已加载所有文件