どのHTML要素にng-ifを配置する必要がありますか？

Question

私はブール値に基づいて必須フィールドの横にアスタリスク（*）を配置しようとしています。

<p>タグを使用している場合、Visual Studioでは、のコードを<label>に配置することはできません。私が代わりに<div>を使用してみた場合

<label>Title: <p ng-if="titleRequired">*</p></label> 

は同様に、私はdiv要素は、ラベルの内側に配置することができないと同様の苦情を取得します。

<label>Title: <div ng-if="titleRequired">*</div></label> 

私は<label>にng-ifを配置する場合、私は赤のアスタリスクが、標準的な黒のラベルテキストを望むの問題に遭遇します。

<label ng-if="titleRequired">Title: *</label> 

フォントタグを使用して回避することはできますが、廃止されました。

<label ng-if="titleRequired">Title: <font color="red">*</font></label> 

これらはすべてChromeでレンダリングされますが、可能であれば有効なマークアップを使用したいと思います。有効なマークアップでこれを行う方法はありますか？

Answer 1

Youはthen youがsome CSSでyour elementをcustomizeでき<span> instead

<label>Title: <span ng-if="titleRequired">*</span></label> 

<div>のをuse should。

<style> 
    span { color: #FF0000; } 
</style>