Ember JS/Handlebars view helper

Question

Currently, if we define our view as {{#view App.myView}}, ember/handlebars will wrap the view element inside a <div id="ember-1234" class='ember-view'>.

Is there a way to stop this?

Answer 1

You probably want to set tagName as ''.

App.MyView = Em.View.extend({
    tagName: ''
});

At least it stops wrapping inner contents.

Answer 2

If you want to customize view element's id, you can use:

{{#view App.myView id="my-id"}}

Answer 3

I usually think my views as wrapper. For example, if the initial given html code is :

<div class="item"><p>my stuff></p></div>

Then I create a view with a tagName property as "div" (which is default), and classNames property as "item". This will render, with proper handlebars template :

{#view App.myView}
    <p>my stuff></p>
{/view}

-> render as

<div id="ember-1234" class="ember-view item">
    <p>my stuff></p>
</div>

Then if you need to have your proper ID on this div, you could define the "elementId" property on your view class (before create()). (@see source code)