Question

尝试在Angular中创建自定义指令时遇到了一些问题。这是我的html代码：

numpy

然后，在我的“必需”指令类中，我试图为每个必需属性的标签添加“ *”：

scipy

但是，问题是，对于那些具有“必填”和“隐藏”属性的字段，“ *”仍在显示，因此不应显示。有什么想法吗？

谢谢！

Answer 1

您不需要为required创建自定义指令，因为Angular已经介绍了该指令（请参见here）。将其与ngIf一起使用指令（请参见here）以在标签上显示“ *”。

<div class="col-12 col-md-6 col-lg-6">
  <label [hidden]="!initservicesService.invoiceCurrencyLblVisible" for="currencyCd">
    Invoice Currency<span *ngIf="initservicesService.invoiceCurrencyComboBoxCompulsory"> *</span>
  </label>
  <select class="form-control" name="currencyCd" id="currencyCd"
    [hidden]="!initservicesService.invoiceCurrencyComboBoxVisible"
    [disabled]="initservicesService.invoiceCurrencyComboBoxEnabled"
    [required]="initservicesService.invoiceCurrencyComboBoxCompulsory"
    (ngModelChange)="invoiceCurrencyComboBox_valueChanged($event)" [(ngModel)]="billProfileDO.currencyCd">
    <option *ngFor="let item of invoiceCurrencyList" value="{{item.cdValue}}">
      {{item.decodeValue}}
    </option>
  </select>
</div>

角度自定义指令CSS

1 个答案: