2016-03-30 4 views
4

Я хочу установить атрибут id элемента HTML условно.Как условно установить атрибут id элемента HTML с угловым js?

Простой способ:

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

ответ

5

Почему вы спрашиваете, знаете ли вы уже ответ :-)? Попробуйте, это действительно

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

По некоторым причинам я думал, что это не будет компилировать и получить ошибку (извините), но это работает, хорошо ... Я также принимаю другие ответы :) – que1326

+1

не беспокойтесь, я ставка по-прежнему полезна для других людей с одинаковой проблемой – fikkatra

+0

таких людей, как я :) +1 –

Смежные вопросы