Angular2： 'n'個の数値でドロップダウン値を結合する

Question

Angular2を使用してループを使用してドロップダウン値を1から100までの数値でバインドするにはどうすればよいですか？

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

角度2の1から100までのオプションを持つドロップダウンがこのようなものになるだろう：コンポーネントで

：テンプレートで

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

：

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

Answer 2

ワーキングコード

テンプレート内：

コンポーネントで

<label for="percentage">Percentage</label> 
    <p-dropdown formControlName="PercentageAbsence" [options]="numbers" [style]="{'width':'200px'}"> 
    </p-dropdown> 

：

成分で

import { SelectItem } from 'primeng/primeng'; 
    export class Test{ 
    numbers: SelectItem[] = []; 
    constructor(){ 
     Array(100).fill(0).map((x, i) => { 
     this.numbers.push({ label: `${i + 1}`, value: i + 1 }) 
    }); 
    } 
} 

Answer 3

：（YourComponent.ts）

export class YourComponent { 
itemQuantity = []; // instantiates the object to hold array of numbers 

public ngOnInit() { 
    this.itemQuantity = Array(5).fill(0).map((x,i)=>i+1); // fills array with 5 incremental entries starting from 1 (hence the "i+1"). To start at zero remove the "+1" 
} 

}テンプレートに

：（YourComponent.html）

<option *ngFor="let number of itemQuantity" value="{{number}}">{{number}}</option> 

結果は、1から5までの5つのエントリを持つドロップダウンリストです。

"value =" {{number}} "は、選択項目ごとに異なるテキストと値が必要な場合はオプションです。あなたが使用することができますナンバー1は数{{番号}}