Angularjsのカスタムディレクティブはui-srefで動作しません

Question

最初に、次のように動作します。<a ui-sref="students({courseId: $ctrl.Course.Id})">{{ student.Name }}</a> これは、ルータが正常に動作することをサポートしています。

私はカスタムディレクティブを作成：これは動作しないことができるのはなぜ "=リンク"

<div ng-if="$ctrl.link && $ctrl.link.Name && $ctrl.link.State"> 
      <a ui-sref="{{$ctrl.link.State}}">{{$ctrl.link.Name}}</a> 
</div> 

：ここ

<div link="{ Name: 'View Students', State: 'students({courseId: $ctrl.Course.Id})' }"> 

は誤りです：

Transition Rejection($id: 0 type: 6, message: The transition errored, detail: Error: Param values not valid for state ‘students’)

更新リンク： 私のカスタムディレクティブ

angular.module('Foo').component('Bar', { 
     controller: LinkController, 
     templateUrl: "link.tpl.html", 
     transclude: true, 
     bindings: { 
      link: "=link", 
    });