如何在 Angular 7 中有条件地设置所需的属性答案

【问题标题】：How to conditionally set required attribute in Angular 7如何在 Angular 7 中有条件地设置所需的属性
【发布时间】：2020-04-25 22:33:15
【问题描述】：

我想在某些条件下申请。我使用了[required]= "condition"，但没有用在这里，我想在 outlookName.outlookActionName==='Assigned' 时应用必需的属性，其中 Outlook 名称是下拉列表，并且分配的是下拉列表中的值之一

<select
  class="form-control"
  required
  name="ratingOutlook"
  [(ngModel)]="ratingOutlook"
>
  <option
    *ngFor="let outlookName of searchCriteriaForm?.outlookDetails,index as i"
    [value]="outlookName.outlookId"
    >{{outlookName.outlookName}}</option
  >
</select>

<div class="form-group" *ngIf="outlookCheck">
  <label for="outlookFromDate">Outlook: From Date</label>
  <input
    class="form-control"
    autocomplete="off"
    name="outlookFromDate"
    type="text"
    required
    placeholder=""
    #dp="bsDatepicker"
    bsDatepicker
    [(ngModel)]="outlookFromDate"
    [bsConfig]="{ dateInputFormat: 'DD-MMM-YYYY',showWeekNumbers: false ,containerClass: colorTheme  }"
    (ngModelChange)="validateOutlookDate()"
  />
</div>

【问题讨论】：

标签： angular7 angular-ng-if required

【解决方案1】：

请尝试[attr.required]="yourBooleanVariable"

【讨论】：