Не удается получить значение объекта в угловых

Question

У меня есть эта factory в моих AngularJS:

app.factory('userFactory', function($window) { 
    var auth = { 
     isLogged: false,  
     user: "a", 
     check: function() { 
      if ($window.sessionStorage.token) { 
       this.isLogged = true; 
      } else { 
       this.isLogged = false; 
       delete this.user; 
      } 
     } 
    } 
    return auth; 
}); 

Я ставлю этот статический, для тестирования, внутри AngularJS controller, когда button щелкают это работает.

// replace "a" with the following 
app.controller('LoginCtrl', ['$scope', '$window', '$location', 'userFactory', 
    function ($scope, $window, $location, userFactory) {  
     $scope.login = function(){ 
      var userCredentials = { 
       "username": $scope.username, 
       "password": $scope.password 
      }; 
      if (userCredentials.username == "amir" && userCredentials.password == "blum") { 
       userFactory.isLogged = true; 
       userFactory.user = { 
        "name": "amir", 
        "surname": "blumenfeld" 
       }; 
       $location.path("/customer"); 
      } else { 
       alert("NO"); 
      } 
     } 
    } 
]); 

И тогда я пытаюсь сделать:

function menuCtrl($scope, $location, userFactory, $window) { 
    $scope.user = userFactory.user.surname; 
} 

Так "Блюменфельд" должен оказал здесь

<ul ng-controller="menuCtrl">     
    <li><a href="#home">{{ user }}</a></li>                          
</ul> 

Но я не получаю ничего, только пустое пространство.

Пожалуйста, помогите мне понять, где я ошибся. Как я могу это исправить?

Благодаря

Answer 1

скопировать вставили свой код и он, кажется, работает look here

var myApp = angular.module('myApp', []); 
myApp.factory('userFactory', function($window) { 
    var auth = { 
     isLogged: false,  
     user: "a" 
    } 
    return auth; 
    }); 
function MyCtrl($scope, userFactory) { 
    userFactory.user = {"name":"amir","surname":"blumenfeld","job":"crazy"}; 
    $scope.user = userFactory.user.surname; 
} 

Answer 2

Проблема заключается в том, что вы, кажется, настройка $scope.user к userFactory.user.surname, когда он создан. Другими словами, ваш user - a и surname - undefined.

Затем в событии click вы устанавливаете объект userFactory.user. Но поскольку значение $scope.user не определено, он не знает, что это значение зависит от userFactory.user, и значение не изменяется и всегда будет undefined.

Если вы хотите что-то, что работает, вам нужно будет установить объект на вашей фабрике на объект. И в вашем событии клика вам придется обновлять значения без изменения объекта.

var app = angular.module('MyApp', []); 
 
app.factory('userFactory', function($window) { 
 
    var auth = { 
 
     isLogged: false,  
 
     user: { 
 
     name: "a", 
 
     surname: "a", 
 
     job: "a", 
 
     } 
 
    } 
 
    return auth; 
 
    }); 
 

 
app.controller('menuCtrl2', ['$scope', 'userFactory', function($scope, userFactory){ 
 
    $scope.load = function() { 
 
    userFactory.user.name = "amir" 
 
    userFactory.user.surname = "blumenfeld" 
 
    userFactory.user.job = "crazy" 
 
    } 
 
}]); 
 

 
app.controller('menuCtrl', ['$scope', 'userFactory', function($scope, userFactory){ 
 
    $scope.user = userFactory.user; 
 
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div class="container" ng-app="MyApp"> 
 
    <div ng-controller="menuCtrl2"> 
 
    <button ng-click="load()">Load</button> 
 
    </div> 
 
    <div class="row" ng-controller="menuCtrl"> 
 
    {{user.surname}} 
 
    </div> 
 
</div>

Вот второй вариант с использованием метода:

var app = angular.module('MyApp', []); 
 
app.factory('userFactory', function($window) { 
 
    var auth = { 
 
     isLogged: false,  
 
     user: { 
 
     name: "a", 
 
     surname: "a", 
 
     job: "a", 
 
     } 
 
    } 
 
    return auth; 
 
    }); 
 

 
app.controller('menuCtrl2', ['$scope', 'userFactory', function($scope, userFactory){ 
 
    $scope.load = function() { 
 
    userFactory.user = {"name":"amir", "surname":"blumenfeld", "job":"crazy"}; 
 
    } 
 
}]); 
 

 
app.controller('menuCtrl', ['$scope', 'userFactory', function($scope, userFactory){ 
 
    $scope.user = function() { 
 
    return userFactory.user.surname 
 
    } 
 
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div class="container" ng-app="MyApp"> 
 
    <div ng-controller="menuCtrl2"> 
 
    <button ng-click="load()">Load</button> 
 
    </div> 
 
    <div class="row" ng-controller="menuCtrl"> 
 
    {{user()}} 
 
    </div> 
 
</div>

Answer 3

Попробуйте создать пользовательский объект без "" вокруг имен свойств:

userFactory.user = {name:"amir",surname:"blumenfeld",job:"crazy"};