我应该在哪个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>