Angular 2 : Binding dropdowns values with 'n' numbers

Question

使用 Angular2 循环将下拉值与 1 到 100 之间的数字绑定(bind)的最佳方法是什么？

对于有限数量的值，我使用 Ngprime 下拉列表，但我如何实现 'n' 个值？

模板:

<p-dropdown [options]="tests" [(ngModel)]="selectedCar" [style]="{'width':'150px'}" editable="editable" placeholder="Select a Brand"></p-dropdown>

组件:

this.tests = [];
this.test.push({label: 'Audi', value: 'Audi'});

谁能指导我？

Answer 1

在 Angular 2 中，带有从 1 到 100 选项的下拉列表将是这样的:

在组件中:

export class DropDownClass {
  constructor() {
    this.numbers = new Array(100).fill(0).map((x,i + 1)=>i); // [1,2,3,4,...,100]
  }
}

在模板中:

<select name="my-dropdown" [(ngModel)]="myDropdownModel">
    <option *ngFor="let number of numbers" [value]="number">{{number}}</option>
</select>