Angular 2를 사용하여 각 속성에 대한 입력 필드를 동적으로 생성하여 임의의 개체에 대한 일반 양식을 작성하려고합니다.
객체가 주어지면 entity
파이프를 사용하여 속성 배열을 가져와 각 속성을 반복합니다.
각 속성에 대해 필드가 생성 key
되어 entity
.
다음은 코드입니다.
<tr *ngFor="let key of entity | keys">
<td><label for="{{key.key}}">{{key.key}}</label></td>
<td><input id="{{key.key}}" type="text" [(ngModel)]="key.value"></td>
</tr>
문제는 필드를 사용하여 바인딩이다 그래서 [(ngModel)]="key.value"
받는 사람 keys
보다는 오히려 entity
.
entity
대신 필드를 바인딩하는 방법이 있습니까?
아니면 엔티티의 값을 업데이트하는 다른 방법이 있습니까?
index
in ngFor
을 사용 하여 엔터티 값을 바인딩합니다.
<tr *ngFor="let key of entity | keys;let i = index">
<td><label for="{{key.key}}">{{key.key}}</label></td>
<td><input id="{{key.key}}" type="text" [(ngModel)]="entity[i].value"></td>
</tr>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다