Comment obtenir de l'angulaire de l'interface utilisateur du routeur de l'interface utilisateur-sref de travail, lorsqu'à l'intérieur d'une directive du modèle?

En gros, je suis en train de modifier/personnaliser le comportement de l'interface utilisateur.bootstrap.accordéon. Tout fonctionne, sauf pour l'intégration avec l'interface utilisateur du routeur.

Voici la façon dont je veux utiliser l'accordéon:

  <accordion> <!-- this element is actually separate view in a parent state of the accordion-group's below.-->
    <accordion-group  ui-sref="site.home.newsID_1"> <!-- accordion-groups will be generated with ng-repeat.-->
      <accordion-heading>
        News 1
      </accordion-heading>
      <p>This is</p>
    </accordion-group>
    <accordion-group  ui-sref="site.home.newsID_2">
      <accordion-heading>
        News 2
      </accordion-heading>
      <p>Home News's</p>
    </accordion-group>
    <accordion-group ui-sref="site.home.news.newsID_3">
      <accordion-heading>
        News 3
      </accordion-heading>
      <p>Preview and navigation</p>
    </accordion-group>
  </accordion>

Est ci-dessous le modèle modifié de l'accordéon:

<div ng-mouseenter="isOpen = !isOpen" ng-mouseleave="isOpen = !isOpen">
  <div class="accordion-group" ng-class="{transparentBackground: isClicked}">

      <div class="accordion-heading">
        <a id="link" ui-sref="site" class="accordion-toggle" ng-click="isClicked = !isClicked" accordion-transclude="heading">
          {{heading}}
        </a>
      </div>

    <div class="accordion-body" collapse="!isOpen && !isClicked">
      <div class="accordion-inner" ng-transclude></div>  </div>
  </div>
</div>

Fondamentalement le site.la maison.newsID_X " besoin de remplacer le 'site' la valeur de ui-sref dans le modèle.

Mon but était de définir la valeur de ui-sref attribut via l'élément " paramètres de la accordionGroup de la directive en fonction de liaison, comme indiqué ci-dessous:

link: function(scope, element, attrs, accordionCtrl) {
  element.find('#link').attr("ui-sref", attrs.uiSref)
  [...]
}

Ce n'mise à jour de la cible de l'interface utilisateur-sref, mais l'interface utilisateur du routeur ne génère pas de correspondant href de référence de l'état de l'url, donc après le DOM est rendu que j'obtiens

 <a ui-sref="site.home.newsID_1" href="#/site"></a>

à la place de l'

 <a ui-sref="site.home.newsID_1" href="#/site/home/newsID_1"></a>

Ce qui me manque?

Je vous remercie de votre temps,

Jared