title: Wrong databinding to tag id making Bootstrap nav tabs fail
body: <p>I am using the nav-tab class in bootstrap but I have these tabs as content to an accordion's panel body. I'm using Ng-repeat to fill in the number of tabs and the content of the tags. </p>
  
  <pre><code>&lt;div class="panel-body"&gt;
                                  &lt;ul class="nav nav-tabs"&gt;
                                      &lt;li ng-repeat="sub in All | unique:'onderwerpen'"&gt;&lt;a data-toggle="tab" href="#{{sub.onderwerpen}}"&gt;{{sub.onderwerpen}}&lt;/a&gt;&lt;/li&gt;
                                  &lt;/ul&gt;
  
                                  &lt;div class="tab-content"&gt;
                                      &lt;div id="{{sub.onderwerpen}}" class="tab-pane fade active"&gt;
                                          &lt;table class="table table-bordered text-center"&gt;
                                              &lt;thead&gt;
                                                  &lt;tr&gt;
                                                      &lt;th&gt;Jaar&lt;/th&gt;
                                                      &lt;th&gt;Waarde&lt;/th&gt;
                                                  &lt;/tr&gt;
                                              &lt;/thead&gt;
                                              &lt;tbody&gt;
                                                  &lt;tr&gt;
                                                      &lt;td&gt;John&lt;/td&gt;
                                                      &lt;td&gt;Doe&lt;/td&gt;
                                                  &lt;/tr&gt;
                                              &lt;/tbody&gt;
                                          &lt;/table&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
  </code></pre>
  
  <p>this is the code for the nav-tabs, but I think the id's I variably assign using the <code>{{sub.onderwerpen}}</code>isn't appointing correctly but I don't know what's wrong. 
  I don't know if this is relevant but the <code>sub.onderwerpen</code> only gives back strings that contain spaces, would this be the issue? if so, how can I fix this?
  Before answering, I am not able to use <code>{{$index}}</code> as a parameter to bind to id's because I used that in the parent panel.</p>