Question

我有以下userModule：

(function () {
var userModule = angular.module('user', [
    'Auth'
]);

userModule.controller('UserController', ['$http', '$scope', function (UserFactory) {
    var uc = this;
    uc.user ={}; //set when login

    uc.login = login;

    function login(username, password)
    {
        UserFactory.login(username,password).then(function success(reponse){
            uc.user = reponse.data
        })
    }
}]);

userModule.factory('UserFactory', function UserFactory ($http)
{
    'use strict';
    return{
        login: login
    };
    function login(username, password)
    {
        return $http.post(API_URL + '/login',
            {
                username: username,
                password: password
            });
    }

});

})();

现在，当我调用登录功能时，我收到错误，告诉我UserFactory is undefined

谁能告诉我我做错了什么？

我的表格

        <form class="panel-body wrapper-lg" ng-controller="UserController as userCtrl"
          ng-submit="userCtrl.login(userCtrl.user.username, userCtrl.user.password)" >
        <div class="form-group">
            <label class="control-label">Brugernavn</label>
            <input type="email" class="form-control input-lg" id="txt_username" name="username"
                   placeholder="Brugernavn" ng-model="userCtrl.user.username">
        </div>
        <div class="form-group">
            <label class="control-label">Kodeord</label>
            <input type="password" name="password" placeholder="Kodeord" class="form-control input-lg"
                   ng-required="" ng-model="userCtrl.user.password">
        </div>
        <input type="submit" class="btn btn-lb-primary" value="Log på">

    </form>

Answer 1

当使用数组作为第二个参数定义控制器时，你实际上只是告诉角度依赖注入引擎在作为最后一个参数的函数/闭包中注入什么。因此，您必须明确告诉它注入UserFactory。在您的情况下，控制器闭包中的UserFactory将是$http服务的实例。

userModule.controller('UserController', ['$http', '$scope', 'UserFactory', function ($http, $scope, UserFactory) {
    var uc = this;
    uc.user ={}; //set when login

    uc.login = login;

    function login(username, password)
    {
        UserFactory.login(username,password).then(function success(reponse){
            uc.user = reponse.data
        })
    }
}]);

虽然我不确定它有什么不同，但我想按照时间顺序声明我的模块，服务等，即首先创建userModule，然后创建UserFactory，最后你的控制器。

作为优化的想法，请尝试使用与工厂相同的语法作为控制器：

userModule.factory('UserFactory', ['$http', function UserFactory ($http)
{
    //....
}]);

使用数组语法的原因是当你缩小你的js时，你的局部变量将有一些不能解析为服务的名称，因为角度依赖注入器无法读取变量名，最终看起来像： / p>

userModule.factory('UserFactory', ['$http', function UserFactory (t)
{
    //....
}]);

angularjs工厂未定义

1 个答案: