Уязвимость привязки AngularJs не обновляется

Question

Я пытаюсь найти способ создания службы, которая может сидеть на моем уровне самого высокого уровня и удерживать переменные, такие как состояние пользователя и все остальное.

Сейчас я пытаюсь создать простой пример, в котором я связываю числа вместе. Однако слой пользовательского интерфейса никогда не обновляется, если я не заставляю мой угловой сигнал снова получить значение.

Что произойдет, если вы удалите строку, которая говорит getNumber(), что вы видите, что номер в html никогда не обновляется. Я попробовал называть $ apply и дал мне ошибку, что она уже действует.

Код:

$scope.update = function() { 
     SampleService.update(); 

//Forcing the number to be updated by asking the service to return it 
     $scope.number = SampleService.getNumber(); 

    }; 
//Why doesn't this force $scope.number to change as SampleServce.number changes? 
    $scope.number = SampleService.number; 

Услуги:

(function() { 
'use strict'; 

angular 
    .module('Services') 
    .service('SampleService', SampleService); 

SampleService.$inject = ['$http']; 

function SampleService($http) { 

    var Service = { 
     number: 0 
    }; 


    Service.update = function() 
    { 
     Service.number += 1; 
    }; 

    Service.getNumber = function() 
    { 
     return Service.number; 
    }; 

    return Service; 
} 
})(); 

Answer 1

Это происходит потому, что number является примитивным свойством Service. Значение $scope.number (которое является примитивным) должно быть равно SampleService.number (которое также является примитивным) выполнено ByVal, а не ByRef.

Добавления самого к $scopeSampleServiceобъекта будет создать ссылку как бы возвращая любые объектов, которые являются свойствами SampleService. Вот один из примеров ссылки на службе, а не только одного примитивного объекта:

$scope.service = SampleService; 

{{service.number}} 

http://plnkr.co/edit/eWk8lZRa0dGIhd2I8h9t?p=preview

Answer 2

Числа, струнные и другие основные типы передаются как значения, а не ссылки, а значит, вы получите реальное число (т.е. 7) и а не адрес Service.number.

Единственный способ, которым я знаю, чтобы обойти это, - это вернуть объект и использовать вместо него свойство.