Utilizing angular ng-repeat to display the bootstrap tab, I have nested tabs within one another. In order to assign a unique id to both the tab element and its content, I am currently using $index as a way to achieve this. However, it proves ineffective when there are more than two tabs within the parent tab.
var items = ['hello1', 'hello2', 'hello3'];
<ul>
<li id="yui{{$index+1}}" ng-repeat="item in items"></li>
</ul>
I am seeking an alternative method to provide a unique id to each item without relying on $index. Are there any other ways to accomplish this?
<ul>
<li id="yui1">hello1</li>
<li id="yui2">hello2</li>
<li id="yui3">hello3</li>
</ul>