보기의 다양한 개체

Question

{}에 데이터 배열이있는 개체가 있는데 모든 매개 변수의 name 특성을 인쇄하고 싶습니다.

목적은 다음과 내가 함께 시도

Chris, Estefanie, Paul 

:

[ 

{ 
    "name": "Chris", 
    "value": 10000, 
    "taxed_value": 10000 - (10000 * 0.4), 
    "in_ca": true 
}, 

{ 
    "name": "Estafanie", 
    "value": 14000, 
    "taxed_value": 10000 - (10000 * 0.4), 
    "in_ca": true 
}, 

{ 
    "name": "Paul", 
    "value": 20000, 
    "taxed_value": 10000 - (10000 * 0.4), 
    "in_ca": true 
} 
] 

내 HTML에 표시 할 작업

{{# _.each(name, function(listname){ }} 
     <div class="col-md-3 col-sm-4 col-xs-4"> 
     <div class="names"> 
      <h5>{{{ listname }}}</h5> 
     </div> 
     </div> 
    {{# }) }} 

하지만/나는 수염에서 발견을 문서화하지만 나는 아무것도 볼 수 없다.

아무도 나를 도울 수 있습니까?.

감사

Answer 1

로보기는 MustacheJS보기처럼 보이지 않는다. 다음과 같이 수정하십시오. 오브젝트 리터럴 변수 이름의 이름을 "ObjectLiteralName"으로 대체하십시오.

쐐기 모양보기에서 {{#}}{{/}}을 사용하면 개체를 반복 할 수 있음을 나타냅니다.

MustacheJS을 참조하십시오. Mustache를 시작하고 실행하는 데 필요한 모든 정보가 들어 있습니다.

보기

<div id="target">Loading...</div> 
<script id="template" type="x-tmpl-mustache"> 
    {{#ObjectLiteralName}} 
    <div class="col-md-3 col-sm-4 col-xs-4"> 
     <div class="names"> 
     {{name}} 
     </div> 
    </div> 
    {{/ObjectLiteralName}} 
</script> 

자바 스크립트

function renderTemplate() { 
    var $template = $('#template').html(); 
    Mustache.parse($template); // optional, speeds up future uses 
    var rendered = Mustache.render($template, ObjectLiteralName); 
    $('#target').html(rendered); 
} 

결과

<div class="col-md-3 col-sm-4 col-xs-4"> 
    <div class="names"> 
    Chris 
    </div> 
</div> 
<div class="col-md-3 col-sm-4 col-xs-4"> 
    <div class="names"> 
    Estefanie 
    </div> 
</div> 
<div class="col-md-3 col-sm-4 col-xs-4"> 
    <div class="names"> 
    Paul 
    </div> 
</div>