时间戳

首页 > 解决方案 > 如果需要字段，请在标签中添加星号

javascript - 如果需要字段，请在标签中添加星号

问题描述

我有一个标签，如果需要字段，我想添加一个星号。我试过ng-class这样申请

<div class="col-xs-12 top5"  ng-if="(activity.itemType=='TEXTAREA')">
     <label class="col-xs-3 control-label text-right" for="act4{{$index}}"
            ng-class="{'asterisk-if-mandatory': data[$index].mandatory}">{{activity.itemLabel}}</label>
     <div class="col-xs-9">
         <textarea ng-model="activityItems[$index].value"
                   ng-required="data[$index].mandatory" cols="40" rows="6"
                   id="act4{{$index}}" name="txtComments" class="defaultTextareaInput"></textarea>
     </div>
</div>

然后是CSS

.asterisk-if-mandatory {
    content: " *"
}

有什么解决办法吗？

标签： javascripthtmlcssangularjs

解决方案

我不太了解 Angular……<br> 但我想说你可以使用伪元素来做这样的事情::after：

label {
  border: 1px solid gray;
  padding: 4px 8px;
}

label.asterisk-if-mandatory::after {
  content: " *";
}
<label class="asterisk-if-mandatory">Item is mandatory</label>
<label class="">Item is not mandatory</label>
<label class="asterisk-if-mandatory">Item is mandatory</label>

（我将代码减少到片段所需的最低限度）

推荐阅读