javascript - 如何正确注入(inject) Angular 服务

Question

我创建了一个名为 notifier 的服务，它使用 toastr 在登录过程中提醒用户是否成功登录。

这是我的登录模块:

var login = angular.module('login',[]);

    login.controller('mvLoginCtrl', function($scope, $http){
        $scope.signin = function(username, passowrd){
            $http.post('/login', {username:username, passowrd:passowrd}).then(function(response){
                if(response.data.success){
                    mvNotifier.notify('You have successfully signed in!');
                }else{
                    mvNotifier.notify('Username/Password combination incorrect');
                }
            })
        }
    })

到目前为止我没有收到任何错误，但是当我尝试登录时，我收到了这个明显的错误:

ReferenceError: mvNotifier is not defined

我在第 2 行更改了登录模块，包括所需的依赖项:

login.controller('mvLoginCtrl', function($scope, $http, mvNotifier) 

但是后来我得到了不同的错误

Error: [$injector:unpr] http://errors.angularjs.org/1.2.20/$injector/unpr?p0=mvIdentityProvider%20%3C-%20mvIdentity

我想问一下我收到此错误的原因是什么以及如何解决它。 这是我的 mvNotifier 模块代码:

var notifier = angular.module('notifier', []);

    notifier.value('mvToastr', toastr);
    notifier.factory('mvNotifier', function(myToastr){
        return{
            notify: function(msg){
                mvToastr.success(msg);
                console.log(msg);
            }
        }
    })

谢谢。

Answer 1

您需要注入(inject) myNotifier ，如下所示:

var login = angular.module('login',['notifier']);

    login.controller('mvLoginCtrl', ['$scope','$http','mvNotifier',function($scope, $http,mvNotifier){
        $scope.signin = function(username, passowrd){
            $http.post('/login', {username:username, passowrd:passowrd}).then(function(response){
                if(response.data.success){
                    mvNotifier.notify('You have successfully signed in!');
                }else{
                    mvNotifier.notify('Username/Password combination incorrect');
                }
            })
        }
    }])

更多关于Dependency Injection