лучшие методы работы с координатами - связь между директивами без $ rootScope?

Question

Итак, у меня есть вложенная директива, что мне нужно обмениваться информацией с отдельной директивой на странице (тот же контроллер). Я пробовал подход к области выделения, но учитывая, как вложенная первая директива, я отказался от этого подхода. Я пишу этот код, имея в виду, что $scope может не быть в 2.0. Есть ли альтернативное решение для моего подхода, которое бы соответствовало методам Angular Best?

Внутри вложена директива (3 уровня глубоко):

$scope.chooseCard = function (selectedId) { 
    this.data = 'init value'; 
    $rootScope.$emit('row chosen', selectedId); 
    this.data = selectedId; 
}; 

Внутри директиву № 2, который нуждается в данных из вложенной директивы:

$rootScope.$on('row chosen', function (e, data) { 
    ctrl.id = data; 
    console.log("this is the IDDDDDD", ctrl.id); 
    Service.func(ctrl.id); 
}); 

Answer 1

$scope не может быть вокруг, но привязки наверняка. У вас есть два основных варианта:

1. Используйте услугу и установите эту информацию там, а затем просмотрите ее в дочерней директиве. Это будет работать, но я чувствую, что это вредит составу и повторному использованию, поскольку у вас больше не может быть нескольких экземпляров директивы (все они будут зависеть от службы singleton).

2. Используйте область изоляции, как вы упомянули ранее, а затем посмотрите на привязку, используя выражение '&'. Это будет ближе всего к Angular2, не используя что-то вроде ngForward, поскольку поток данных из родительского -> child по-прежнему является основным методом привязки данных в Angular2. Это предпочтительный способ выполнить это imo, даже если он окажется более подробным.

Независимо от того, какое решение вы выбрали, убедитесь, что вы не просачиваете память; если вы не отвязаете обработчик $rootScope.$on, вы будете утечка памяти каждый раз, когда экземпляр директивы будет создан и впоследствии уничтожен.