How to link two directives?

Question

Angular

There are two directives, the first is a menu and the second is a pop-up window, on click on the first one:

<navigation show =' modalShown'></navigation>
<menu-setting show = 'modalShown'></menu-setting>

app.directive('navigation', function(){
      return {
        restrict: 'E',
        scope: {
          show: '=',
        },
        replace: true,
        transclude: true,
        link: function (scope) {
          scope.toggleModal = function(index) {
            scope.show = true;
          };
        },
        template: 
                '<div class="exp">'+
                    '<div ng-repeat="test in model">'+
                        '<div class="title" ng-click="toggleModal()">'+
                        '</div>'+
                    '</div>'+
                '</div>'
      };
    });

app.directive('menuSetting', function() {
      return {
        restrict: 'E',
        scope: {
          show: '='
        },
        replace: true,
        transclude: true,
        link: function(scope, element, attrs) {
          scope.hideModal = function() {
            scope.show = false;
          };
        },
          template: 
                  '<div>'+
                      '<div class="nmodal" ng-show="show" ng-repeat="test in model">'+
                          '<div class="modal-overlay" ng-click="hideModal()"></div>'+
                          '<div class="modal-dialog">'+
                              '<div class="ng-modal-dialog-content" ng-transclude>'+
                              '</div>'+
                          '</div>'+
                      '</div>'+
                  '</div>'
                  };
      });

The problem is, due to the fact that menu items and pop-up windows are created through ng-repeat and when you click on any of the items, all pop-up windows are called, but you need a window with the corresponding index value to pop up by the menu index value.
How can this be done without resorting to combining directives into one?

Answer 1

https://docs.angularjs.org/guide/directive#creatin...