녹아웃에서 foreach를 사용할 때 입력 값 설정

Question

attr 바인딩을 사용하여 입력 태그의 이름과 값을 설정하고 있습니다. 문제는 값에 사용할 바인딩을 모른다는 것입니다. 나는 텍스트와 가치를 지금까지 시도했지만 운이 없다. 내 코드는 다음과 같습니다

<div data-bind="foreach: witnesses"> 
    <input data-bind="attr: { name: 'firstName', text: firstName }"/>  
</div> 

나는이 같은 렌더링 것으로 기대하고있다 :

<input name='firstName value=`enter code here`'Joe'> 

또는

<input name='firstName'>Jo`enter code here`e</input> 

어떻게 이것을 달성하기 위해? 나는 내 이름이를 추가 할 필요가 있기 때문에 또한, 어떻게는 foreach 루프의 현재 반복의 인덱스를받을 수 있나요 ..

마크는

Answer 1

다음 시도 : 여기

<div data-bind="foreach: witnesses"> 
<input data-bind="attr: { name: 'firstName' + $index()}, value: firstName"/>  
</div> 

를 I foreach 인덱스 (0부터 시작 함)를 입력 요소의 이름에 연결합니다. 실제로 필요한 것은 아니지만 당신이 그것을 언급 한 이래로 나는 그것이 필요하다고 가정합니다.

모든 입력을 식별하려는 경우 CSS 클래스를 사용하는 것이 더 효과적 일 수 있습니다.

Answer 2

인스턴트 솔루션. 그런데 type 속성을 잊어 버렸습니다. 설정해야합니다.

<div data-bind="foreach: witnesses"> 
     <input type="text" name='firstName' data-bind="value: 'enter code here ' + firstName"/>  
     </div> 

기타 언급 한 바와 같이 $index은 루프의 현재 항목 색인을 제공합니다.