knockout.js note

knockout.js 사이트

http://knockoutjs.com

ko.applyBindings 메서드를 실행할때 특정 엘리먼트 타게팅하기

두번째 인자값으로 dom을 넣어주면 된다. ko.applyBindings(viewModelB, document.getElementById("two"));

<div id="one">
   <input data-bind="value: name" />
</div>

<div id="two">
   <input data-bind="value: name" />
</div>

<script type="text/javascript">
var viewModelA = {
   name: ko.observable("Bob")
};

var viewModelB = {
   name: ko.observable("Ted")
};

ko.applyBindings(viewModelA, document.getElementById("one"));
ko.applyBindings(viewModelB, document.getElementById("two"));
</script>

출처: http://stackoverflow.com/questions/7342814/can-you-call-ko-applybindings-to-bind-a-partial-view

foreach문에서 $index값을 +1하기

$index + 1 로 처리하면 오류가 나기 때문에 아래와 같이 처리한다.

<em data-bind="text: ($index() + 1)"></em>

출처: http://stackoverflow.com/questions/17734415/index1-in-knockout-foreach-binding