角7 + HTML 5-禁用的数据列表

Question

我在我的有角项目中使用datalist，我想将其禁用。我使用了[disabled]="true"，但是没有用

<input list="rateValueList" type="text" name="rateValue" formControlName='proposedRate' [disabled]="true"/>
<datalist id="rateValueList">
  <select>
    <option *ngFor="let rateValue of proposedRates" [value]="rateValue.name"></option>
  </select>
</datalist>

Answer 1

将您的代码简化为该代码，然后[禁用]使用我的Chrome（版本67.0.3396.87）：

模板：

<input list="browsers" name="rateValue" [disabled]="false">

<datalist id="browsers">
    <select>
        <option *ngFor="let rateValue of proposedRates" [value]="rateValue.name"></option>
    </select>
</datalist>

控制器：

...
  public proposedRates = [{name: 1}, {name: 2}];
...

您确切的错误信息是什么？

Answer 2

您需要将[disabled]添加到选项

<select>
    <option *ngFor="let rateValue of proposedRates" [value]="rateValue.name" [disabled]="true"></option>
</select>