我應該在哪個HTML元素中放置ng-if？

Question

我試圖根據布爾值在必填字段旁邊放置星號（*）。

如果我使用<p>標記做到這一點，Visual Studio會抱怨在<label>中放置<p>標記是無效的。

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

同樣的，如果我嘗試使用<div>相反，我得到一個類似抱怨的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

您應該使用的<span>代替<div>

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

，那麼你可以用一些CSS自定義元素。

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