Как я могу упростить * ngFor для выбора

Question

В настоящее время я могу показать размер домашнего хозяйства, получив количество людей, использующих * ngFor и +1 для правильного выбора; однако это дает мне только один вариант выбора, и мне нужно + 10 для количества людей

Я попытался использовать * ngFor для опции безуспешно

<label for="household_size">Household Size *</label>
      <select class="custom-select" id="household_size" formControlName="household_size">
             <option min="i + 1" *ngFor="let person of getPeoples(); let i = index" [value]="i + 1">{{i + 1}}</option>
             <option min="i + 2" *ngFor="let person of getPeoples(); let i = index" [value]="i + 2">{{i + 2}}</option>
             <option min="i + 3" *ngFor="let person of getPeoples(); let i = index" [value]="i + 3">{{i + 3}}</option>
             <option min="i + 4" *ngFor="let person of getPeoples(); let i = index" [value]="i + 4">{{i + 4}}</option>
             <option min="i + 5" *ngFor="let person of getPeoples(); let i = index" [value]="i + 5">{{i + 5}}</option>
             <option min="i + 6" *ngFor="let person of getPeoples(); let i = index" [value]="i + 6">{{i + 6}}</option>
             <option min="i + 7" *ngFor="let person of getPeoples(); let i = index" [value]="i + 7">{{i + 7}}</option>
             <option max="i + 8" *ngFor="let person of getPeoples(); let i = index" [value]="i + 8">{{i + 8}}</option>
             <option max="i + 9" *ngFor="let person of getPeoples(); let i = index" [value]="i + 9">{{i + 9}}</option>
             <option max="i + 10" *ngFor="let person of getPeoples(); let i = index" [value]="i + 10">{{i + 10}}</option>
             <option max="i + 11" *ngFor="let person of getPeoples(); let i = index" [value]="i + 11">{{i + 11}}</option>
      </select>

Должно быть выпадающее меню с 11 вариантами 1, 2, 3 и т. Д.

Answer 1

Решено с этим в TS

householdSizeOptions = [];
  getAmountOfPeople(){
    this.householdSizeOptions = [];
      for (let i = this.getPeoples().length; i < this.getPeoples().length + 10; i++){
        this.householdSizeOptions.push(i);
      }
  }

И это в HTML

<select class="custom-select" id="household_size" formControlName="household_size">
                <option *ngFor="let count of householdSizeOptions" [value]="count">{{count}}</option>
              </select>

Answer 2

         <select class="custom-select" id="household_size" formControlName="household_size">
            <option min="i + 1" *ngFor="let person of getPeoples(); let i = index" [value]="i + 1">{{i + 1}}</option>
          </select>