Search code examples
angularjsangular-ui-bootstrapangular-route-segment

angular ui-bootstrap on the tabs how to add href

<tabset>
  <tab heading="{{nav.label}}"  ng-repeat="nav in vm.data" href="{{nav.url}}">
   <tabset class="subnav">
     <tab ui-href="{{item.state}}" href="{{item.state}}" heading="{{item.label}}" ng-repeat="item in nav.items">
     </tab>
   </tabset>
  </tab>
</tabset>

I want to add href, but you can not click! I used angular-ui-bootstrap and angular-route! What can I do?

Solution

  • You are making a mistake it isn't 'ui-href' but "ui-sref" and give a state name to it. sref is for "state reference".