关于AngularJS指令链接和ngHref

时间:2017-08-16 10:52:26

标签: angularjs angularjs-directive

我会尽量在这里尽量缩短我的问题描述。

我有一个看起来如下的指令

scope: false
restrict: "A"
link: function (scope, element, attributes) {
    ...
}

,输入参数element如下所示

<div class="tab-container" my-directive>
  <div ng-repeat="tab in $ctrl.tabs" class="tab">
     <a ng-href="{{tab.name}}">
  </div>
</div>

ng-repeat已被“解决”,不确定是否正确的字词ng-href尚未解决,也就是说,它未将{{tab.name}}转换为我需要的值

我想知道在ng-href首先解决后,我怎么能告诉这条指令运行链接。

我读过有关require属性的内容,但它似乎只处理controller

1 个答案:

答案 0 :(得分:0)

  

我想知道在ng-href之后我怎么能告诉这个指令运行链接   先解决了。

您可以从控制器向指令发送$broadcast事件。

$rootScope.$broadcast('onHrefReady');

并在你的指令中:

link : function (scope, element, attributes) {
        scope.$on("onHrefReady", function (event, args) {
            // do your stuff
        });
    }
渲染后调用

link,因此您可以在收到控制器通知后调用link内容