javascript - 如何使用angular js有条件地设置HTML元素的id属性？

Question

我想有条件地设置 HTML 元素的 id 属性。

简单的方法:

<!--  expression = true -->
<div ng-if="expression"> 
  <a href id="this-one">Anchor with id</a>
</div>
<div ng-if="!expression">
  <a href>Anchor without id</a>
</div>

output-if-expression-true = <a href id="this-one">Anchor with id</a>

output-if-expression-false= <a href>Anchor without id</a>

我可以使用三元运算符之类的东西来避免这种情况吗？例如……

<a href ng-attr-id="{{expresion ? 'this-one': ''}}">Anchor</a>

Answer 1

如果您已经知道答案，为什么还要问 :-)？试试看，确实是

<a href ng-attr-id="{{expresion ? 'this-one': ''}}">Anchor</a>