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

.directive('screen', function() {
    return {
        scope: true,
        controller: function() {
            this.doSomethingScreeny = function() {
                alert("screeny!");
            }
        }
    }
})

.directive('component', function() {
    return {
        scope: true,
        controller: function() {
            this.componentFunction = function() {
                WHAT.doSomethingScreeny();
            }
        }
    }
})

.directive('widget', function() {
    return {
        scope: true,
        require: "^component",
        link: function(scope, element, attrs, componentCtrl) {
            scope.widgetIt = function() {
                componentCtrl.componentFunction();
            };
        }
    }
})


    
        
            Woo Hoo
        
    

Я могу требовать родительских компонентов в виджетессылка с помощьюrequire: "^component", но как мне дополнительно предоставить компоненту контроллера доступ к содержащему его экрану?

Что мне нужно, это то, что в компоненте, поэтому, когда вы нажимаете виджетКнопка s это предупреждает "Screeny!».

Благодарю.