고정 된 수의 텍스트 상자에 ng 모델 배열 바인딩

Question

고정 된 수의 텍스트 상자에 배열 인 ng 모델을 바인딩하려면 어떻게합니까?

세 개의 텍스트 상자가 있으며 모두 선택 사항이라면 텍스트 상자에 ng 모델을 어떻게 바인딩합니까? 당신이 그것을 저장할 때

<input type="text" name="optionalField[]"> 
<input type="text" name="optionalField[]"> 
<input type="text" name="optionalField[]"> 

당신은 어떤 텍스트 상자에 입력 할 수 있습니다 (예를 들어, 텍스트 상자 2와 3 만)와, 그냥 optionalField: ['text2', 'text3']가 될 것입니다.

텍스트를 배치하는 위치는 중요하지 않습니다. 중요한 것은 텍스트 상자의 순서입니다. 따라서 뷰를 다시 표시하면 첫 번째 및 두 번째 텍스트 상자에 바인딩됩니다. 텍스트 상자 3 만 입력하면 텍스트 상자 1에 바인딩됩니다.

UPDATE :

그냥 dfsq의 답을 사용 값의 필터링 된 어레이를 리턴하도록 수정. 이처럼 http://codepen.io/anon/pen/ozpxGq?editors=1011

Answer 1

:

<input type="text" name="optionalField[]" ng-model="optionalField[0]"> 
<input type="text" name="optionalField[]" ng-model="optionalField[1]"> 
<input type="text" name="optionalField[]" ng-model="optionalField[2]"> 

Answer 2

ng-repeat에서 당신이 $index

<input type="text" name="optionalField[]" ng-model="optionalField[$index]">