html - 我应该在哪个 HTML 元素上放置 ng-if？

<分区>

我正在尝试根据 bool 值在必填字段旁边放置星号 (*)。

如果我用 <p> 来做标记 Visual Studio 提示放置 <p> 无效<label> 内的标签.

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

同样，如果我尝试使用 <div>相反，我收到类似的投诉，说 div 不能放在标签内。

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

如果我把 ng-if在 <label> 上我遇到了想要红色星号但标准黑色标签文本的问题。

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

我可以尝试使用字体标签来解决这个问题，但它已经过时了。

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

所有这些都将在 Chrome 中呈现，但我希望尽可能使用有效标记。有没有办法用有效的标记来做到这一点？

最佳答案

你应该使用 <span>而不是 <div>

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

然后您可以使用一些 CSS 自定义您的元素。

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

关于html - 我应该在哪个 HTML 元素上放置 ng-if？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37219258/