さまざまなオブジェクトを表示する

Question

{}にデータの配列を持つオブジェクトがあります。すべてのパラメータの名前属性を出力したいと思います。

オブジェクトは次のとおりです。

[ 

{ 
    "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で見たい：

Chris, Estefanie, Paul 

私が試してみてください。

{{# _.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"に置き換えます。

Mustacheビューで{{#}}{{/}}を使用すると、オブジェクトをループすることができます。

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> 

Javascriptを

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>