У меня есть приложение Angular2 с кнопкой, которая может добавить еще один кредит к моим кредитам. Мой * ngFor также довольно прост:
<div *ngFor="let loan of myLoans">
<label>{{loan.name}}</label>
<input type="text" name="loan.name" [(ngModel)]="loan.amount">
</div>
myLoans
- это массив объектов Loan с параметрами name
и amount
. Моя кнопка тоже очень простая.
<button id="addLoan" type="button" (click)="addLoan()">Legg til lån</button>
Функция addLoan():
addLoan(): void{
var newLoan = new Loan();
this.myLoans.push(newLoan);
}
Моя проблема в том, что когда я добавляю новый кредит в список, любое значение, которое у меня было в поле ввода для других моих кредитов, возвращается к 0 или любое значение, которое я установил в конструкторе для объекта кредита.
Загрузка приложения показывает эту картинку
ngModel работает при наборе числа
После нажатия кнопки "Legg til lån" значение первого входа сбрасывается
ngModel все еще работает для первого ввода, если я попытаюсь ввести другой номер
У кого-нибудь есть идея, что здесь происходит?