Skorzystaj z usługi w usłudze View Angular JS

Question

Mam problem z usługą kątową JS.

mam prostą obsługę:

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; 
     } 
    }; 
}); 

następnie Mam proste kontroler

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

Nie mogę korzystać z moich usług w polu widzenia. Zrobiłem prosty trik i działa dobrze.

$scope.authService=authService 

Ale jak zadzwonić Serwisu bez tego moim zdaniem (plik HTML)?

Answer 1

Korzystanie z usług wewnątrz widoków jest ogólnie złą praktyką. Widok powinien zawierać tylko logikę prezentacji. W twoim przykładzie zamiast przekazywania całej usługi do widoku możesz spróbować przekazać tylko obiekt użytkownika. Na przykład $scope.currentUser = authService.currentUser().