녹아웃 템플릿 바인딩이 완전히 작동하지 않습니다.

Question

녹아웃으로 javascript 템플릿을 사용하고 있습니다. 나는 그러나 컨테이너가의 값으로 textcontetn 표시 div 요소를에 geting하고

<div data-bind="template: { name: 'treeElement', foreach: results } "> '위 같은

<script type=text/html> 
<!--ko if: a>b --> 
    <div data-bind={textcontent:a}/>` 
<!--/ko--> 
</script> 

뭔가 ..에 ..> b를 적용 받고 있지 않습니다 계산하지 바인딩. 그래서 그것을 단지 구문을 무시 ..

Answer 1

• 당신이 의견이 바인딩에 그런 속성의 이름을 작성하는 때 당신은 현재 당신이시만큼 그 결과를 해결하기 위해 그것들을 실행해야 두 가지 기능을 비교합니다.

• div 태그가 모두 닫혀 있고 바인딩이 실패한 유선 작은 따옴표로 끝나지 않으므로 마크 업이 잘못되었습니다.

• textcontent으로 알려진 녹아웃에서 그러한 결합이있다.

  var treeElements = [ 
      {"a" : 2 , "b" : 1}, 
      {"a" : 4 , "b" : 6}, 
      {"a" : 9 , "b" : 5}, 
      {"a" : 2 , "b" : 7}, 
      {"a" : 4 , "b" : 9}, 
  ] 
  
  function treeElement(data){ 
      this.a = ko.observable(data.a); 
      this.b = ko.observable(data.b); 
  } 
  
  function viewmodel(){ 
      var self = this; 
      self.results = ko.observableArray(); 
      self.init = function(){ 
       ko.utils.arrayForEach(treeElements, function(item){ 
        self.results.push(new treeElement(item)); 
       }); 
      } 
  } 
  
  var myVM = new viewmodel(); 
  myVM.init(); 
  ko.applyBindings(myVM); 
  

  당신이 잘되어야합니다 : 우리는 당신이 당신의 시나리오 내 구조와 유사한 뷰 모델이 가정

  <div data-bind="template: { name: 'treeElement', foreach: results }"></div> 
  
  <script type="text/html" id="treeElement"> 
  <!--ko if: a() > b() --> 
      <div data-bind="text: a() + ' is bigger than ' + b()"/></div> 
  <!--/ko--> 
  </script> 
  

  과 :에 당신이 당신의 HTML을 변경하는 경우

가다.

Here is also a working fiddle