angularjs ограничение директивы scope

Question

У меня есть три контроллера, один родительский и два вложенных контроллера, которые являются братьями и сестрами в DOM. Все они содержат свойство, называемое «настройка». Два вложенных контроллера используют директиву, которая создает/связывает элемент DOM с свойством «customization». Моя проблема заключается в том, что изменение значения связанного свойства DOM в одном вложенном контроллере меняет значение в его вложенном контроллере.

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

Любые советы, пожалуйста?

Answer 1

Вы можете указать контроллер в директиве.

app.directive('directive', function() { 
    return { 
    controller: 'CtrlName' 
    }; 
}); 

Или вы можете создать свою собственную область действия для этой директивы.

app.directive('directive', function() { 
    return { 
    scope: {}, 
    controller: ['$scope', function($scope) { 
     $scope.customisation = ... 
    }] 
    }; 
})