Как связать переменную контроллера компонента с переменной контроллера другого компонента?

Question

Я пытаюсь получить доступ к переменной из Модуля-1 внутри Модуля-2 ... как мне это сделать?

Пример: Модуль 1

(function () {
    'use strict';

    angular.module('app.Mod1')
        .component('topHeading', {
            templateUrl: 'someTemplate.template.html',
            controller: FirstController,
            controllerAs: 'first'
        });

    function FirstController() {
        /* jshint validthis */
        let vm = this;

        vm.search = 'Sample...';

    }

})();

Пример: Модуль2

(function () {
    'use strict';

    angular.module('app.Mod2')
        .component('tabSection', {
            templateUrl: 'someTemplate.template.html',
            controller: SecondController,
            controllerAs: 'second'
        });

    function SecondController() {
        /* jshint validthis */
        let vm = this;

        //I WANT TO ACCESS/ASSIGN app.Mod1 vm.search HERE
        vm.search = 'Sample...';

    }

})();

На основе приведенного выше кода, как я буду связывать переменную vm.search из "app.Mod1" с "app.Mod2" ???

Сценарий состоит в том, что я создал отдельный модуль для HEADER и хочу получить доступ к его переменным из другого модуля, и моя цель - выполнить двустороннее связывание из другого модуля ... это возможно?