angular ui-bootstrap on the tabs how to add href

Question

<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?

score 0 · Accepted Answer · answered Oct 22 '14 at 07:46

0

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".

answered Oct 22 '14 at 07:46

Mathieu Bertin

1,634
11
11

In addition, I do not use ui-router. Just use the official route – cssjidi Oct 22 '14 at 07:50
sorry i didn't understand when i saw angular-ui-bootstrap. – Mathieu Bertin Oct 22 '14 at 07:52
You just have to use 'href' and give a link to it, as usual. Can you show your route config ? – Mathieu Bertin Oct 22 '14 at 07:54
Have you ever used jhipster yet? I am using their route – cssjidi Oct 22 '14 at 07:57
no sorry but i look at https://github.com/jhipster/jhipster-sample-app/ and it's a nice sample that you could use for routing – Mathieu Bertin Oct 22 '14 at 08:05
Yes! I would like to bind to the tabs!but does not work! – cssjidi Oct 22 '14 at 08:11
you add ng-click and the function get url in params and your function do window.location = myUrl – Mathieu Bertin Oct 22 '14 at 08:25
or you can add a inside your tab and put the href on it – Mathieu Bertin Oct 22 '14 at 08:33

angular ui-bootstrap on the tabs how to add href

1 Answers1