Привязка свойства Angular Directive к родительскому контроллеру

Question

В директиве ma-resource-text-watch я делаю вызов API, чтобы получить список текстов ресурсов.Я хочу иметь возможность скрыть компонент alert, если API не возвращает тексты ресурсов.Кто-нибудь знает, как я мог бы сделать это?

<div ng-controller="IntroductionCntrl" class="hidden-print">
    <div class="container-fluid" ng-if="introductionResourceKey">
        <alert-component type="guidance">
            <span ma-resource-text-watch="{{introductionResourceKey}}"></span>
        </alert-component>
    </div>
</div>

Answer 1

Ваша директива может принимать обратный вызов (или выражение), который будет запускаться при загрузке данных.Например, в определении директивы свойство scope может иметь:

scope: {
  onTextsLoaded: '&'
}

Директива может затем вызвать:

scope.onTextsLoaded({ texts: yourTexts })

И родительский контроллер может передать выражение какобратный вызов и используйте ng-show, чтобы скрыть alert-component:

<alert-component ng-show="dataIsLoaded && texts.length">
    <span ma-resource-text-watch="{{introductionResourceKey}}" on-texts-loaded="onTextsLoaded(texts)"></span>
</alert-component>

с функцией, определенной как:

$scope.onTextsLoaded = function(texts) {
    $scope.dataIsLoaded = true;
    $scope.texts = texts;
}