2017-03-06 5 views
0

회사의 파트너를 등록하려면 양식을 만들어야합니다.각도 2의 배열 필드

체크 박스가 있습니다. 1 필드가 활성화되어 있고 예 : -> 파트너 이름에 대한 정보를 입력 할 수있는 체크 박스가 있습니다.

그러나 사용자가 1 파트너를 더 등록하려면 다른 이름을 삽입 할 다른 필드를 만드는 버튼이 될 수 있습니다.

어떻게이 이름 필드로 작업 할 수 있습니까? 내가 PHP를 사용하는 경우,이 같은 분야를 넣어 :

그리고 값을 얻을 = 이름 [0] ... 이름 [1] ... 각도 2에서

, 내가 어떻게 할 수있는 등 이?

addField(){ 
this.fields.push({ 
    checkbox: false, 
    textbox: "" 
}); 
} 

그게이 버튼을이

<div *ngFor="let item of fields;"> 
<input type="checkbox" name="somename" [(ngModel)]="item.checkbox"/> 
<input type="text" [disabled]="item.checkbox" name="somename" [(ngModel)]="item.textbox"/> 
</div> 
<button (click)="addField()">Add Another</button> 

마다 사용자 클릭 등이 배열을 사용하여 폼 요소를 통해

let fields: any = [{ 
checkbox: false, 
textbox: "" 
}]; 

사용 루프와 같은 배열을 만들 수

+0

그리고 무엇을 시도 했습니까? 이것은 무료 코딩 서비스가 아닙니다;) – Alex

+0

각도 2에서 어떻게 할 수 있는지에 대한 아이디어를 묻습니다. 그러나 대답하고 싶지 않다면 방해하지 마십시오; D –

+0

: P 글쎄, 배열을 만드십시오. ngFor로 반복하고 입력 필드를 반복하고 버튼을 클릭하면 배열에 새 항목을 추가합니다. angular.io의 자습서를 확인하십시오. 기초 지식을 얻는 데 유용한 자습서입니다. – Alex

답변

1