How to access array like object/values in ember.js

Question

I need some help to display my data correctly. If i try to access the thumbnail path, the application throws the following error:

Assertion failed: Attributes must be numbers, strings or booleans, not [http://example.com/imgage/example_thumb.jpg]

How do i get rid of this error and show the image(s) correctly?

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>

Do no ask why the heck the api returns an array...

gearsdigital
– gearsdigital

2013-09-24 15:04:07 +00:00
Commented Sep 24, 2013 at 15:04 — gearsdigital
– gearsdigital, Commented Sep 24, 2013 at 15:04

alexspeller · Accepted Answer · 2013-09-24 15:13:54Z

1

Ember has firstObject and lastObject:

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

answered Sep 24, 2013 at 15:13

alexspeller

7867 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

gearsdigital Over a year ago

Thank you alexspeller! For the records: emberjs.com/api/classes/…

Collectives™ on Stack Overflow

How to access array like object/values in ember.js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related