angularjs – 使用View Angular JS中的服务

我有简单的服务：

angular.module('mainApp.services',[]).factory('AuthService',function ($http) {
    //var currentUser = null;
    //var authorized = false;

    //AutoLogin for testing
    var currentUser={email: "example@example.com",id: "15"};
    var authorized=true;

    // initial state says we haven't logged in or out yet...
    // this tells us we are in public browsing
    var initialState = false;

    return {
        initialState:function () {
            return initialState;
        },login:function (userData) {
            //Call API Login
            currentUser = userData;
            authorized = true;
            initialState = false;
        },logout:function () {
            currentUser = null;
            authorized = false;
        },isLoggedIn:function () {
            return authorized;
        },currentUser:function () {
            return currentUser;
        },authorized:function () {
            return authorized;
        }
    };
});

那么我有一个简单的控制器

.controller('NavbarTopCtrl',['$scope','$modal','AuthService',function($scope,$modal,authService) {
    $scope.authService=authService;  //IS good practice?
    console.log($scope);
}])

我无法使用我的服务查看。我做了简单的伎俩，工作正常。

$scope.authService=authService

但是如何在我的View(HTML文件)中调用Service？