넉 아웃 : 배열 내가 간단한 테이블 템플릿에 대한 간단한 모델을 결합하기 위해 노력하고있어

Question

작동하지 바인딩 :

var model = { 
    addrText: 'Test address text', 
    voters: [ 
     { name: 'First Voter' }, 
     { name: 'Second Voter' } 
    ], 
}; 

ko.applyBindings(model, document.getElementById('residence')); 

<div id="residence"> 
    <div data-bind="text: addrText" /> 
    <table> 
     <tbody data-bind="foreach: voters"> 
      <tr> 
       <td>Name</td> 
       <td data-bind="text: name"></td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

을하지만 addrText 출력이 제대로 동안, 아무것도 바인딩의 foreach를 위해 표시되지 않습니다. 놀라 울 정도로 명백한 것을 놓치고 있다고 확신하지만, 나는 그것을 볼 수 없다.

나는 녹아웃 v2.2.1, 디버그 버전을 사용하고 있습니다. 모델 생성 및 바인딩은 Google지도의 마커를 클릭하여 콜백 내부에서 발생합니다.

Answer 1

변경 :

<div data-bind="text: addrText" /> 

사람 : 당신이 적절한 닫는 태그를 건너 뛸 때

<div data-bind="text: addrText"></div> 

마네는 그것을 좋아하지 않는다.

는 fiddle