在Handlebars

时间:2016-02-29 14:18:34

标签: ember.js

我的把手模板中有这个代码:

  {{#each maps as |map|}}
    {{map.title}}
  {{/each}}

这给了我每张地图的标题。

但是如果我尝试访问特定的索引,就像这样:

<p>{{maps.[0].title}}</p>

<p>{{maps.Get.[0].title}}</p>

它没有给我任何东西(但它编译)。

'maps'变量的类型为:

  

Ember.ArrayProxy

那么如何访问位于索引0的地图?

1 个答案:

答案 0 :(得分:2)

我看到三个不错的选择:

  1. 使用firstObject property

    <p>{{maps.firstObject}}</p>
    
  2. 使用get helper

    <p>{{get maps '0'}}</p>
    
  3. 在控制器中使用计算属性:

    firstMap: Ember.computed('maps.[]', function() {
        return this.get('maps')[0];
    })
    
  4. 请注意,后两个允许您选择数组中的任何项,而不仅仅是第一个。