如何在html中动态标识元素

如何在html中动态标识元素,html,angularjs,Html,Angularjs,我用angularjs动态创建元素。每次创建新元素时,我都会传递一个值。我现在遇到的问题是如何访问该值,以便将其与html元素ID连接起来,如 <a class="nav-link active" id="basics-tab"+{{number}} data-toggle="tab" href="#basics"+{{number}} role="tab" aria-controls="basics"+{{number}} aria-selected="true">Basics&l

我用angularjs动态创建元素。每次创建新元素时,我都会传递一个值。我现在遇到的问题是如何访问该值,以便将其与html元素ID连接起来,如

<a class="nav-link active" id="basics-tab"+{{number}} data-toggle="tab" href="#basics"+{{number}} role="tab" aria-controls="basics"+{{number}} aria-selected="true">Basics</a>

角度表达式应放在引号内:

<a class="nav-link active" 
  id="basics-tab{{::number}}" 
  data-toggle="tab" 
  href="#basics{{::number}}" 
  role="tab" 
  aria-controls="basics{{::number}}" 
  aria-selected="true">
  Basics
</a>


注意:
是一次性绑定。如果这不是一个动态变化的列表,那么您应该这样做,以避免在每个摘要循环中对表达式求值。

非常感谢。网上的一切要么太基本,要么太高级。我得到一个错误,就是当我使用“:“我得到”解析器错误:意外标记:“除此之外,它似乎正在工作。@蓝色,您使用的是什么版本的angularJS?确保必须使用分号。我不确定是什么时候引入::binding的,但这可能就是问题所在。