넉 아웃을 사용하여 dom 요소를 동적으로 추가

Question

내 문제의 해결책을 찾기 위해 막 다른 골목에 처했습니다. 문제는 html 페이지를 즉시 생성하는 데 도움이되는 데이터가 포함 된 .xml 파일입니다. 데이터는 다음과 같습니다. tagName 다음 "의 TextInput"입니다 내가 HTML 페이지에서 입력 <input/> 컨트롤을 추가 한 경우 <?xml version="1.0"?><Controls><TextInput XmlNodeBoundTo="TEXTINPUT1" Name="TEXTINPUT1" Id="T1></TextInput><TextInput XmlNodeBoundTo="TEXTINPUT2" Name="TEXTINPUT2" Id="T2"></TextInput></Controls>

지금 내 문제는 각 컨트롤입니다. 이것은 기본 자바 스크립트에서 구현했지만 KO를 사용하여 구현하고 싶습니다. KO에 대한 초보자이기 때문에 이해할 수 없습니다. 내 문제와 비슷한 튜토리얼은 큰 도움이 될 것입니다.

Answer 1

먼저 당신은 템플릿을 만들고 데이터 Pls는이 psedo 코드 아래의 표를 참조 후

<tbody data-bind="template: { name: 'comissionTemplate', foreach: Comissions }"></tbody> <script type="text/html" id="comissionTemplate"> 
    <tr > 
     <td><input type='text' data-bind="value: "based on object passed to obseravable array set the value here"/></td> 
</tr> 

viewModel = { 
Comissions: ko.observableArray([])} 
ko.applyBindings(viewModel); 

그래서 당신이 XML을 구문 분석하고 commisions 내부의 데이터를 밀어 다음 스크립트 태그에 결합 할 필요가보기 모델을 바인드해야