마지막 요소의 값을 보여주는 각도 ngModel입니다. 그러나 {{but.title}}이 정상적으로 작동하고 배열의 값도 있습니다.

Question

mongodb에서 오는 ngmodel 값으로 일부 입력 필드를 만들려고합니다. 나는 필드를 만들기 위해 ngfor를 사용하고 있습니다. 하지만 때마다 출력으로 배열의 마지막 요소가 나타납니다. 내 코드는 다음과 같습니다 :

<div class="form-group" *ngFor="let but of page.mainMenuButtons; let bInd = index; "> 
{{but.title}} 
       <input type="text" name="title" [(ngModel)]="but.title" class="form-control" (click)="mainMenuEditStarted = true; selectButtonEdit(bInd);" > 
      </div> 

다음과 같은 출력이 표시됩니다.

Answer 1

하지만 루프가 끝나면 루프가 종료 될 때 마지막 값을 갖습니다. ng-model은 추적하지만 참조이므로 마지막 요소를 가리 킵니다. {{buttitle}}의 경우 즉시 값을 확인하고 사용합니다.