2017-10-01 1 views
0

Ich möchte mit Winkel 4.mit ngOptions für Bereich

eine Auswahlliste mit einer Liste von Integer erstelle ich ein Rohr gemacht haben:

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; 
    } 

} 

und zu meiner app.module.ts>declarations. Ich habe auch imports die FormsModule hinzugefügt.

Ich schätze nicht, warum dies nicht funktioniert hat:

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

und dies in der gleichen Seite, funktioniert perfekt:

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

Danke

Antwort

0

gibt es no ngOptions-Richtlinie versuchen Sie dies:

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

funktioniert . Die eckigen Klammern in opt fehlen '..> {{opt}}

Verwandte Themen