angularjs: использование сервиса для связи между контроллерами

Question

У меня есть служба, которая вводится в мои контроллеры. Служба определяет ряд функций.

Теперь я хотел бы добавить переменную к этой службе, которая удерживала бы selectedItem в приложении. Я сделал это так:

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

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

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

В одном из моих контроллеров я устанавливаю выбранный элемент:

serviceA.selectedItem = someItem; 

и в другой контроллер вид ссылается на выбранный элемент, как это:

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

Пробел никогда не обновляется, хотя выбранный элемент установлен правильно. Что я делаю не так ?

Answer 1

Чтобы получить доступ к сервису, на ваш взгляд, вам нужно присвоить его объем:

$scope.serviceA = serviceA;

http://jsfiddle.net/MzJsZ/

Answer 2

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

//// завод возвращает объект

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

    var selectedItem; 
    ... functions go here 

} 

}); 

делает эту работу? вам не удалось получить часть возврата {}, где все идет туда. если вы будете использовать услугу, вы должны написать именно этот.serviceA = {...}

и ваш код в контроллере отсутствует $ scope!

$scope.someItem= serviceA.selectedItem; 

или (я действительно не знаю, что вы хотите) $scope.serviceA.selectedItem= someItem;

Затем в пролете

<span>{{someItem.value}}</span> 

или (я действительно не знаю, что вы хотите) <span>{{serviceA.selectedItem.value}}</span>

PS Мне не нравится, что имя вашего контроллера совпадает с именем объекта - serviceA;

Answer 3

Ах! Я заработал!

Выполнение:

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

в представлении не будет работать, потому что, хотя serviceA впрыскивается в регуляторе зрения, я не назначал его рамки ... Так что правильный способ сделать это в контроллер:

angular.module('controllers').controller('someCtrl', 
['$scope', 'directDebitService', function ($scope, serviceA) { 
    $scope.serviceA= serviceA; 
}]); 

Работы хорошо сейчас.