Question

我正在尝试在Angular select option中添加禁用值。例如，我有一个下拉菜单，其中我有一个值2作为一个选项，我只想显示该值，不应接受该值。

我正在用我的HTML代码执行此操作：

<select id="anything" class="selectpicker" class='select-option' required [(ngModel)]='data.years' name="years" (ngModelChange)="toYear(data.years)">
  <option [ngValue]="undefined" disabled selected> Year </option>
  <option class='option' *ngFor='let option of years' [ngValue]="option">{{option}}</option>
</select>

这是我的代码，您可以看到我正在使用此代码：

<option [ngValue]="undefined" disabled  selected>Year</option>

这是可见但不可选择，我正在循环加载值我正在使用这些数据进行循环：

years = [
  "All",
  "2005-06",
  "2006-07",
  "2007-08",
  "2008-09",
  "2009-10",
  "2010-11",
  "2011-12",
  "2012-13",
  "2013-14",
  "2014-15",
  "CAGR",
];

我想在此下拉列表中禁用CAGR，因为它在Year中是未定义和禁用的

Answer 1

如何在[disabled]="option === 'CAGR'"中循环使用option：

<select 
  id = "anything" 
  class="selectpicker" 
  class='select-option' 
  required 
  [(ngModel)]='data.years' 
  name="years" 
  (ngModelChange)="toYear(data.years)">
    <option 
      [ngValue]="undefined" 
      disabled  
      selected>
      Year
    </option>
    <option 
      class='option' 
      *ngFor='let option of years'
      [disabled]="option === 'CAGR'"
      [ngValue]="option">
      {{option}}
    </option>
</select>

这是您推荐的Sample StackBlitz。

如何在角度选择选项中添加未定义的值

1 个答案: