繁体   English   中英

在控制器中添加为依赖项时,Angularjs Factory无法加载

[英]Angularjs Factory not loading when added as dependency in Controller

我是Angularjs的新手,这是我第一次尝试使用它构建应用程序。 我已将文件加载到index.html文件中。

<!--Angularjs-->
<script src="assets/js/vendor/angular.min.js" type="text/javascript"></script>
<script src="assets/js/vendor/angular-route.min.js" type="text/javascript"></script>

<!--SleekDocketAppJS-->
<script src="app/app.module.js" type="text/javascript"></script>
<script src="app/app.route.js" type="text/javascript"></script>

<!--Controllers-->
<script src="app/components/dashboard/controller/dashboardController.js" type="text/javascript"></script>
<script src="app/components/product/controller/productController.js" type="text/javascript"></script>

他是我的app.module.js文件,我正在尝试在此处添加名称为AuthFactory的工厂

'use strick';

var docket = angular.module("docket",['ngRoute']);

//Factory
docket.factory('AuthFactory',function(){

    console.log('auth factory');
    var authdata = {};
    authdata.name = "user 1";
    return (authdata);
});

//Running
docket.run(function(){
    console.log("runing...");
});

这是我的app.route.js文件,我在其中基于路由调用控制器。

'use strict';

var docket = angular.module('docket');

docket.config(['$routeProvider',function($routeProvider){
    $routeProvider
    .when("/",
    {
            controller:"DashboardController",
            templateUrl: "app/components/dashboard/view/dashboard.html"
        })
        .when("/product",{
            controller:"productController",
            templateUrl: "app/components/product/view/product.html"
        })
        .otherwise({
            redirectTo:'/'
        });
}]);

我简单的dashboardController.js如下所示

var app = angular.module('docket');

    app.controller('DashboardController',['$scope, AuthFactory', function($scope, AuthFactory){

        console.log('dash controller');
        //console.log(AuthFactory);
    }]);

但是,当我尝试通过加载服务DashboardController运行应用程序时,出现了他的错误。 但是,如果我从控制器依赖项中删除该服务,则不会出错。 AuthFactory Error

这是$ scope之后的拼写错误“”

app.controller('DashboardController',['$scope, AuthFactory', function($scope, AuthFactory)

改成

app.controller('DashboardController',['$scope', 'AuthFactory', function($scope, AuthFactory)

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM