Доступ к контроллеру внутри переопределенного URL-адреса uib-tab

Question

angular-bootstrap version used : 1.2.0
angular-version : 1.5.7

Я пытаюсь переопределить заголовок HTML uib-tab как ниже,

<li ng-class="{active: active, disabled: disabled}" class="uib-tab">
    <a ui-sref="MyController.overviewStateUrl" ng-click="select()" uib-tab-heading-transclude>{{heading}}</a>
</li>

Когда страница отображается, значение для ui-sref принимается как MyController.overviewStateUrl вместо реального значения, которое хранится в overviewStateUrl атрибут MyController, Есть ли способ сделать это?

Я пытался положить его внутрь interpolation, но возвращает пустую строку. Вот плункер.

Answer 1

Вы пробовали как приведенный ниже код?

<a ui-sref="{{MyController.overviewStateUrl}}" ng-click="select()" uib-tab-heading-transclude>{{heading}}</a>