select 使用范围的 ngOptions

Question

我想创建一个 select 列表，其中包含 angular 4.

的整数列表

我做了一个烟斗：

import {Pipe, PipeTransform} from '@angular/core';

@Pipe({
  name: 'range'
})
export class RangePipe implements PipeTransform {

  transform(value: any[], min: number, max: number): any {
    while (min < max) {
      value.push(min++);
    }
    return value;
  }

}

并添加到我的 app.module.ts > declarations。我还向 imports 添加了 FormsModule。

我不明白为什么这不起作用：

<select ngOptions="[] | range:1:55"></select>

在同一页面中，这个完美地工作：

{{[] | range:1:55}}

谢谢

Answer 1

没有 ngOptions 指令试试这个：

 <select>
   <option *ngFor="let opt of [] | range:1:55" [value]="opt ">opt</option> 
 </select>

select 使用范围的 ngOptions

select with ngOptions for range

angular-pipe

angular