2016-03-30 12 views
4

HTML要素のid属性を条件付きで設定したいと考えています。HTML要素のid属性を角度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: –

関連する問題