如何将组件的控制器变量绑定到另一个组件的控制器变量？

Question

我正在尝试从Module-2中的Module-1访问变量...我该怎么做？

示例：模块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...';

    }

})();

基于上面的给定代码，我将如何将“ app.Mod1”的变量 vm.search 绑定到“ app.Mod2”？

这种情况是我为HEADER创建了单独的模块，并且我想从另一个模块访问它的变量，而我的目标是从另一个模块内进行双向绑定...这可能吗？