# Can't get data from another models

**URL:** <https://discuss.emberjs.com/t/cant-get-data-from-another-models/6495>\
**Category:** Ember Data\
**Created:** [October 14, 2014, 2:09pm UTC](https://discuss.emberjs.com/t/cant-get-data-from-another-models/6495 "2014-10-14T14:09:48Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![4eshircar](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/4eshircar/32/9653_2.png) [@4eshircar](https://discuss.emberjs.com/u/4eshircar)\
**Post date:** [October 14, 2014, 2:09pm UTC](https://discuss.emberjs.com/t/cant-get-data-from-another-models/6495/1 "2014-10-14T14:09:48Z")

</div>

Hello! I’m new with Ember and I need help to understand how to show data with multiple models. I’m using fixture adapter and there my models and fixtures

**User model**

```
App.User = DS.Model.extend({
    name: DS.attr(),
    phone: DS.attr(),
    comment: DS.attr(),
    city: DS.belongsTo('city'),
    type: DS.belongsTo('type')
});

App.User.FIXTURES = [
{
    id: 1,
    name: 'Roger Brown',
    phone: '+1 (218) 12345678',
    comment: 'Lorem ispum dolor sit amet in voluptate fugiat nulla pariatur.',
    city: 3,
    type: 1
},
{
    id: 2,
    name: 'Ashton Black',
    phone: '+7 (920) 12345678',
    comment: 'Lorem ispum dolor sit amet in voluptate fugiat nulla pariatur.',
    city: 4,
    type: 2
}
];

```

**City model**

```
App.City = DS.Model.extend({
    name: DS.attr(),
    user: DS.hasMany('user', {async: true})
});

App.City.FIXTURES = [
    {
        id: 3,
        name: 'Lisbon',
        user: [1]
    },
    {
        id: 4,
        name: 'Moscow',
        user: [2]
    }
];

```

**Type model**

```
App.Type = DS.Model.extend({
    name: DS.attr(),
    user: DS.hasMany('user', {async: true})
});

App.Type.FIXTURES = [
    {
        id: 1,
        name: 'individual',
        user: [1]
    },
    {
        id: 2,
        name: 'legal entity',
        user: [2]
    }
];

```

**My user route**

```
App.UserRoute = Ember.Route.extend({
    model: function(params){
        return this.store.find('user', params.user_id);
    }
});

```

User template

```
<div class="col-sm-12">
<div class="panel form-horizontal">
    <div class="panel-heading">
        <span class="panel-title">User View</span>
    </div>
    <div class="panel-body">
        <div class="form-group">
            <label class="col-sm-2 control-label">Name</label>
            <div class="col-sm-10">
                <p>{{name}}</p>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">Phone</label>
            <div class="col-sm-10">
                <p>{{phone}}</p>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">Comment</label>
            <div class="col-sm-10">
                <p>{{comment}}</p>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">City</label>
            <div class="col-sm-10">
                <p>
                    {{city}}
                </p>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">Type</label>
            <div class="col-sm-10">
                <p>{{type}}</p>
            </div>
        </div>
        <div class="form-group">
            <button {{action 'deleteUser'}}>Delete</button>
        </div>
    </div>
</div>
</div>
{{outlet}}

```

And when I trying to show user detail I get something like that

```
City <App.City:ember385:3>
Type <App.Type:ember388:1>

```

Please help to understand how to get name of this fields! Thank you very much 😄

---

<div class="post-metadata">

**Author:** ![broerse](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/broerse/32/9497_2.png) [@broerse](https://discuss.emberjs.com/u/broerse)\
**Post date:** [October 14, 2014, 2:18pm UTC](https://discuss.emberjs.com/t/cant-get-data-from-another-models/6495/2 "2014-10-14T14:18:10Z")

</div>

I am a beginner too but I think it is `city.city` and `type.type` in your templates.

---

<div class="post-metadata">

**Author:** ![Ramcat](https://avatars.discourse-cdn.com/v4/letter/r/65b543/32.png) [@Ramcat](https://discuss.emberjs.com/u/Ramcat)\
**Post date:** [October 15, 2014, 4:51am UTC](https://discuss.emberjs.com/t/cant-get-data-from-another-models/6495/3 "2014-10-15T04:51:20Z")

</div>

I am also new to Ember. I can’t get discourse to format your code in a quote correctly so I’m going to just type it out myself, but I think the previous answer is heading in the right direction. Wouldn’t it be:

```
<p>
    {{city.city.name}}
</p>

```

What you see here “\<App.City:ember385:3\>” is Ember’s way of showing you the object reference. Like in Java if you:

```
Object aObject = new Object();
System.out.println(aObject);

```

You get: Object@1922321, which is (the default toString()) of “classname + hashcode”.

---

<div class="post-metadata">

**Author:** ![broerse](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/broerse/32/9497_2.png) [@broerse](https://discuss.emberjs.com/u/broerse)\
**Post date:** [October 15, 2014, 6:01am UTC](https://discuss.emberjs.com/t/cant-get-data-from-another-models/6495/4 "2014-10-15T06:01:27Z")

</div>

Yes I think my `city.city` must be `city.name` and type `type.name`

---

<div class="post-metadata">

**Author:** ![4eshircar](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/4eshircar/32/9653_2.png) [@4eshircar](https://discuss.emberjs.com/u/4eshircar)\
**Post date:** [October 15, 2014, 8:34am UTC](https://discuss.emberjs.com/t/cant-get-data-from-another-models/6495/5 "2014-10-15T08:34:22Z")

</div>

Thank you very much for your answers!

I get fields by adding **{async: true}** to **User model**

```
App.User = DS.Model.extend({
    name: DS.attr(),
    phone: DS.attr(),
    comment: DS.attr(),
    city: DS.belongsTo('city', {async: true}),
    type: DS.belongsTo('type', {async: true})
});

```

And all works perfectly 😄