当设置为true时，ngIf on select不会首先显示选项

Question

在foo.component.ts：

中

    numberOfPeople: number = 1
    foo: boolean = false

在foo.component.html

中

     <input type="checkbox"
                 name="tst"
                 [(ngModel)]="foo"
                 required>

     <div *ngIf="foo">
        <select [(ngModel)]="numberOfPeople" required>
          <option *ngFor="let n of _.range(1, 11)">
            {{n}}
          </option>
        </select>
      </div>

当我通过实例点击设置foo=true时。 首先，我没有看到选项，如果我点击页面上的任何位置，它们会出现，并且选择了与numberOfPeople对应的选项

看起来模板最初没有完全加载，可能因为我ngFor位于ngIf内？

修改

我添加了遗漏位来设置foo