Mam usługę, która jest wstrzykiwana do moich kontrolerów. Usługa definiuje wiele funkcji.

Teraz chciałbym dodać zmienną do tej usługi, która utrzymywałaby wybrany element w aplikacji. Zrobiłem to w ten sposób:

angular.module('myservices', []).
factory('serviceA', function () {        

    var serviceA= {  
      selectedItem: selectedItem,      
      ... more functions here
    };
    return serviceA;

    var selectedItem;
    ... functions go here
});

W jednym z moich kontrolerów ustawiam wybrany element:

 serviceA.selectedItem = someItem;

w innym kontrolerze widok odwołuje się do wybranego elementu w ten sposób:

<span>{{serviceA.selectedItem.value}}</span>

Zakres nigdy nie jest aktualizowany, nawet jeśli wybrany element jest ustawiony poprawnie. Co ja robię źle ?