Как я могу передать значения итерации входных данных? - PullRequest
Новая
       31

Как я могу передать значения итерации входных данных?

0 голосов
/ 26 сентября 2019

Я пытаюсь создать объект со свойством duration с несколькими входами.Конечный результат будет: Recipe(name: "", duration: [0.3, 0.7]), в котором я бы передал 0.3 и 0.7 с 2 полями ввода.

Вот как выглядит мой код: 

//html

      <p>Added scenarios</p>
      <div *ngFor="let s of addedScenario; let i = index">
        <div class="scenario-tag">{{ i + 1 }}<p>SCENARIO Nº{{s.id}}</p></div>
      </div>

      <p>Relative time</p>
      <div *ngFor="let _ of addedScenario">
        <input #Duration value="" type="text">%
      </div>

      <button (click)='addRecipe(Duration.value)'</button>

Я избавился от большинства свойств объекта, чтобы сосредоточиться на длительности.

//ts file

  addRecipe(Duration: number) {

    this.recipes.push(
      new Recipe([Duration])
    );
    this.addedScenario = [];
    this.scenariosId = [];
  }

Прямо сейчас мой аргумент Duration.value, переданный addRecipe, никогда не собирается из входных значений #Duration.Возможно, потому что это не может работать на *ngFor итерации.

Какой самый подходящий обходной путь?enter image description here

...