javascript - ember.jsでオブジェクト/値のような配列にアクセスする方法

Question

データを正しく表示するには、助けが必要です。サムネイル パスにアクセスしようとすると、アプリケーションは次のエラーをスローします。

アサーションに失敗しました: 属性は [http://example.com/imgage/example_thumb.jpg] ではなく、数値、文字列、またはブール値である必要があります

このエラーを取り除き、画像を正しく表示するにはどうすればよいですか?

DEBUG: -------------------------------
DEBUG: Ember.VERSION : 1.0.0
DEBUG: Handlebars.VERSION : 1.0.0
DEBUG: jQuery.VERSION : 2.0.3
DEBUG: ------------------------------- 

// models/collection_model.js
App.Collection = DS.Model.extend({
    title: DS.attr('string'),
    assets: DS.attr('object')
});


// datastore.js
App.Collection.FIXTURES = [
    {
        "id": 1,
        "title": "Lorem ipsum",
        "assets": {
            "thumb": ['http://example.com/imgage/example_thumb.jpg'],
            "thumb_large": ['http://example.com/imgage/example.jpg']
        }
    },
    {
        "id": 2,
        "title": "Losabim",
        "assets": {
            "thumb": ['http://example.com/imgage/example_thumb.jpg'],
            "thumb_large": ['http://example.com/imgage/example.jpg']
        }
    }
];

// templates/collection.handlebar
<script type="text/x-handlebars" data-template-name="collections">
    <h2>Collections</h2>
    <ul>
        {{#each collection in controller}}
            <li>
                {{collection.title}}
                <img {{bind-attr src=collection.assets.thumb }}/>
            </li>
        {{/each}}
    </ul>
</script>

Answer 1

Ember にはfirstObjectとlastObject:

<img {{bind-attr src=collection.assets.thumb.firstObject }}/>