#emberjs

I'm getting this error from typeahead when I add a custom template through ember: Uncaught HierarchyRequestError: Failed to execute 'appendChild' on 'Node': Nodes of type '#document' may not be inserted inside nodes of type '#document-

fragment

Ember 101 binding issue. I am passing a model to a component and want this component to toggle a class based on the model property. https://gist.github.com/coulix/71471a03640ba20e...

coulix_tap: https://gist.github.com/coulix/71471a03640ba20e...

you're binding the isMine property but there's no isMine property

class={{concat "message" (if message.isMine 'self')}} is a better alternative IMO

but isn't `isMineBinding` helps to resolve isMine property by linking to message.isMine?

why would it

they have different names

coulix_tap: what version are you on

2.1.0

it should be isMine:

L5?

no, L6

isMine: Ember.computed.alias('message.isMine')

,

Still no luck with https://gist.github.com/coulix/dda08db38bb1260c...

classNameBindings adds the class to the component's div

not the one in the template

is that what you want?

Yes the li component which has class `ember-view` by default. If I do `isMine = true` it shows self as expected.

Somehow its the linking to the model `message` that seems to be problematic.

Ok this.get('message').isMine is undefined, I must have been doing something wrong.

My bad... But I learned the alias trick thank you.

How can I give a custom tag name to my application.js? It creates a <div id="ember-xxx"..> around the template. The proble is that the template hold <header><section><footer>. Wrapping it in a div without class breaks the native styling.

I can always style div:first-child but I would rather use a class.

Here https://www.evernote.com/l/ABeqw8CCGgxGdZxQaqd6...