如何在mat选项材料中循环

时间:2018-06-09 20:57:20

标签: angular angular-material

我想分析我的片段:

  public debutHeureJ: number = 8;//heure du début d'ouverture
  public finHeureJ: number = 17;//heure de la fin de journée
  public optionHeure: Array<number>;
  
  ngOnInit() {
    this.initForm();
    for(let i=this.debutHeureJ ; i <this.finHeureJ;i++)
    {
      this.optionHeure.push(i);
    }
  }
   <mat-select placeholder="debut du rendez-vous" formControlName="heureDeb">
        <mat-option>None</mat-option>
        <mat-option value="8">8H</mat-option>
        <mat-option value="9">9H</mat-option>
        <mat-option value="10">10H</mat-option>
        <mat-option value="11">11H</mat-option>
        <mat-option value="12">12H</mat-option>
        <mat-option value="13">13H</mat-option>
        <mat-option value="14">14H</mat-option>
        <mat-option value="15">15H</mat-option>
        <mat-option value="16">16H</mat-option>
        <mat-option value="17">17H</mat-option>

我会使用* nfFor with angular 但变量我没有推我有这个错误:

AppComponent.html:1 ERROR TypeError: Cannot read property 'push' of undefined

我必须如何做正确的代码? 谢谢你的回复

1 个答案:

答案 0 :(得分:0)

您必须初始化您的数组: optionHeure: Array<number>=[];