데이터 바인딩 = "구성 : {}"대 <! - 코 작성 -> 여기 (문서)를 통해 <!-- /ko -->

Question

임 독서는 http://durandaljs.com/documentation/Using-Composition.html

와 나는 오히려 것보다 두 조성에 마킹 차이를 찾을 수 있습니다 안쪽 용기 또는 아니오. 첫 번째

는 :

<div data-bind="compose: { 
      view: 'Box', 
      model: 'Box', 
      activationData: { 
       hasStar: true 
      } 
     }"></div> 

및

<!-- ko compose: ________ --> <!-- /ko --> 

는 또한 그들이 필요로 사용에 대한 이야기 ​​(실제로는 내부에 뭔가를 가질 수있다).

누구나 좋은 점이 있습니까? 또는 언제 각각을 사용해야합니까?

Answer 1

녹아웃은 두 번째 바인딩 구문의 이름을 <!-- ko ... -->, 가상 요소으로 지정합니다.

유일한 목적은 마크 업을 변경하지 않고도 데이터 바인딩을 만들 수있게하는 것입니다. 가상 바인딩으로

, 당신은 예를 들어,이 작업을 수행 할 수 있습니다

<ul> 
    <li class="category">Fruits</li> 
    <!-- ko foreach: fruits --> 
    <li data-bind="text: name"></li> 
    <!-- /ko --> 
</ul> 

을 다음과 같이 HTML 렌더링 수있는 :

그래서 짧은

<ul> 
    <li class="category">Fruits</li> 
    <li>Banana</li> 
    <li>Orange</li> 
    <li>Mango</li> 
</ul> 

, 당신이 경우 바인딩 가상 요소를 사용 바인딩을 넣을 논리적 의미의 HTML 요소가 없습니다. 부분보기 주위에 이미 일종의 래퍼가 있다면 데이터 바인딩 속성을 사용하는 것이 좋습니다.