19

在 Mustache 中是否可以在子部分中从父部分读取变量？

例如我下面的示例，我希望{{order_store.id}}从它的父$order_store[(当前子循环的数组索引)]['id']中读取变量

template.mustache

{{#order_store}}<table>
    <caption>
        Store Name: {{name}}
        Product Ordered: {{products}}
        Product Weights: {{products_weight}}
    </caption>
    <tbody>
        {{#shipping_method}}<tr>
            <td>
                <input type="radio" name="shipping[{{order_store.id}}]" id="shipping-{{id}}" value="{{id}}" /> 
                <label for="shipping-{{id}}">{{name}}</label>
            </td>
            <td>{{description}}</td>
            <td>{{price}}</td>
        </tr>{{/shipping_method}}
    </tbody>
</table>{{/order_store}}

样本数据（在 PHP 中）；

                $order_store => array(
                array(
                    'id' => 1,
                    'name' => 'Kyriena Cookies',
                    'shipping_method' => array(
                        array(
                            'id' => 1,
                            'name' => 'Poslaju',
                            'description' => 'Poslaju courier'
                        ),
                        array(
                            'id' => 2,
                            'name' => 'SkyNET',
                            'description' => 'Skynet courier'
                        ),
                    ),
                ));
4

6 回答 6

8

Mustache 不允许您引用父对象。您想要在子部分中显示的任何数据都需要包含在子数组中。

例如：

$order_store => array(
array(
    'id' => 1,
    'name' => 'Kyriena Cookies',
    'shipping_method' => array(
        array(
            'id' => 1,
            'name' => 'Poslaju',
            'description' => 'Poslaju courier',
            'order_store_id' => '1'
        ),
        array(
            'id' => 2,
            'name' => 'SkyNET',
            'description' => 'Skynet courier',
            'order_store_id' => '1'
        ),
    ),
));

然后就可以使用标签了{{order_store_id}}。

在这种情况下，点表示法无济于事——它不会神奇地让您访问父数组。（顺便说一句，并不是所有的 mustache 解析器都支持点表示法，因此如果将来您有可能希望将模板与另一种编程语言一起使用，最好避免使用它。）

于 2010-12-11T01:25:21.643 回答
8

如果要在客户端编译模板，另一种选择是使用与 Mustache 兼容的HandlebarsJS模板，并使用父表示法：

{{../order_store.id}}
于 2011-12-13T19:44:24.950 回答
3

对于某些 Mustache 解析器，{{order_store.id}}是必需的。

一个经典的例子是 SwaggerCodegen。每个变量的“名称”属性都会覆盖模型的“名称”属性。在这种情况下{{../model.name}}会导致错误。我通过以下方式解决了这个问题：

{{name}} // model (parent) name value
{{#vars}}
    {{model.name}} // model (parent) name value
    {{name}}       // vars (child) name valu
{{/vars}}
于 2018-12-07T04:39:13.853 回答
2

快速回答：是和不是。

  • 不，你不能上去（AFAIK）。
  • 是的，您可以访问父元素。但从顶层，而不是从底层。

您需要使用可以引用的父元素将其全部包装起来。在这种情况下是“书”。

var data = { 
"book":{
    title: "The big book",
    author: "Book author",
    chapters: [
       { title: "Hat", color: "black", author: "Chapter 1 author" },
       { title: "Cat", color: "red", author: "Chapter 2 author" }
       ]
   } 
}

var template = document.body.innerHTML;
document.body.innerHTML = Mustache.render(template, data);
<script src="http://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.7.2/mustache.min.js"></script>

{{#book}}
<ul>
    
    Here we have a book titled "{{title}}" with different chapters:
    {{#chapters}}<br><br>
    
    <li>
        Title: {{title}} <br/> 
        Color: {{color}} <br/>
        Chapter Author: {{author}} <br/> 
        
        -- Book Author: {{book.author}} -- <br/> 
    </li>
    {{/chapters}}
</ul>
<span>Author: {{author}}</span>

{{/book}}

玩弄http://jsfiddle.net/pwts7kqx/

<br> Bonus track. Indexed and nested indexing
<br> Title of 1st chapter: {{book.chapters.0.title}}
<br> Title of 2nd chapter: {{book.chapters.1.title}}
于 2021-01-27T00:17:32.820 回答
1

我有同样的问题，空对象不为空

<div class="photo">
    {{#picture.id}}
        <img src="{{picture.src}}" alt="{{picture.name}}" />
    {{/picture.id}}
</div>

如您所见，我可以在“if”语句中使用picture.id 的picture.src值

于 2012-07-27T12:34:24.037 回答
0

对于 java mustache，您可以只在子范围内命名来自父范围的字段，而不使用任何斜线或点，如果子范围内没有这样的字段，它将尝试在父范围内找到它。

数据结构：

report: {
  footer: 'hello',
  pages: [{
    content: 'blah'    
  }]
}

模板：

{{#pages}}
  <div>{{content}}</div>
  <footer>{{footer}}</footer> <-- that will pull 'footer' field from parent scope
{{/pages}}
于 2020-07-30T14:50:09.480 回答