# Ember define objects with ember-cli

**URL:** <https://discuss.emberjs.com/t/ember-define-objects-with-ember-cli/8728>\
**Category:** Ember CLI\
**Created:** [September 3, 2015, 8:10am UTC](https://discuss.emberjs.com/t/ember-define-objects-with-ember-cli/8728 "2015-09-03T08:10:48Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alicja\_P](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@Alicja\_P](https://discuss.emberjs.com/u/Alicja_P)\
**Post date:** [September 3, 2015, 8:10am UTC](https://discuss.emberjs.com/t/ember-define-objects-with-ember-cli/8728/1 "2015-09-03T08:10:48Z")

</div>

Sry for noobish question.

Im trying to understand ember core concepts. Can anyone explain why this code dosnt work? app/app.js

```auto
import Ember from 'ember';
import Resolver from 'ember/resolver';
import loadInitializers from 'ember/load-initializers';
import config from './config/environment';

var App;
Ember.MODEL_FACTORY_INJECTIONS = true;
App = Ember.Application.extend({
  modulePrefix: config.modulePrefix,
  podModulePrefix: config.podModulePrefix,
  Resolver: Resolver
});

loadInitializers(App, config.modulePrefix);

var wife = Ember.Object.create({
  age: 21
})

export default App;
```

templates/application.emblem

```auto
  = outlet
  = wife.age
```

---

<div class="post-metadata">

**Author:** ![nightire](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/nightire/32/14788_2.png) [@nightire](https://discuss.emberjs.com/u/nightire)\
**Post date:** [September 3, 2015, 5:06pm UTC](https://discuss.emberjs.com/t/ember-define-objects-with-ember-cli/8728/2 "2015-09-03T17:06:56Z")

</div>

Have you read about [Routing in Ember.js](http://guides.emberjs.com/v2.0.0/routing/)? if not, go ahead to find answers in there.

---

<div class="post-metadata">

**Author:** ![ecguo](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/ecguo/32/15871_2.png) [@ecguo](https://discuss.emberjs.com/u/ecguo)\
**Post date:** [September 3, 2015, 11:14pm UTC](https://discuss.emberjs.com/t/ember-define-objects-with-ember-cli/8728/3 "2015-09-03T23:14:32Z")

</div>

> [@Alicja\_P](#):
>
> templates/application.emblem

Can you using hbs instead of emblem? Emblem is not design for novice

---

<div class="post-metadata">

**Author:** ![xcambar](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/xcambar/32/11309_2.png) [@xcambar](https://discuss.emberjs.com/u/xcambar)\
**Post date:** [September 4, 2015, 12:48pm UTC](https://discuss.emberjs.com/t/ember-define-objects-with-ember-cli/8728/4 "2015-09-04T12:48:21Z")

</div>

Your template does not have access to the `wife` variable.

Declare it in the Application Controller, and it will be available to your template.

Ideally, it will be set up as the `model` of your Route, but as I didn’t want to clobber too much your example, [the following Twiddle](http://ember-twiddle.com/452ca4d5c93a2d0a3831) respects your original code as much as possible in order to just make it work.

---

<div class="post-metadata">

**Author:** ![lightblade](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/lightblade/32/15632_2.png) [@lightblade](https://discuss.emberjs.com/u/lightblade)\
**Post date:** [September 8, 2015, 6:41am UTC](https://discuss.emberjs.com/t/ember-define-objects-with-ember-cli/8728/6 "2015-09-08T06:41:00Z")

</div>

You’ll also need another add-on to compile `.emblem`

```
ember install ember-cli-emblem

```

---

<div class="post-metadata">

**Author:** ![Alicja\_P](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@Alicja\_P](https://discuss.emberjs.com/u/Alicja_P)\
**Post date:** [September 8, 2015, 7:44am UTC](https://discuss.emberjs.com/t/ember-define-objects-with-ember-cli/8728/7 "2015-09-08T07:44:40Z")

</div>

i realy dont have any problems with emblem it works great

component-1.js

```auto
import Ember from 'ember';

export default Ember.Component.extend({
  emberobject1: "foe"
  ,
  actions: {
    doit: function(){this.set("emberobject1","bar")}
  }
});
```

component-1.emblem

```auto
button{action "doit"} example1
```

i dont know how to get access to ember object from another component or on DOM event.

i tried:

component-2.js

```auto
import Ember from 'ember';
import component-1 from '../components/component-1'
export default Ember.Component.extend({
});
```

component-2.emblem

```auto
button{action "doit" component-1} example2
```

---

<div class="post-metadata">

**Author:** ![Alicja\_P](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@Alicja\_P](https://discuss.emberjs.com/u/Alicja_P)\
**Post date:** [September 22, 2015, 9:32am UTC](https://discuss.emberjs.com/t/ember-define-objects-with-ember-cli/8728/8 "2015-09-22T09:32:03Z")

</div>

Is there anyone who can answer mby?