Using Ember view helper in handlebars template with global var

Question

Is there any way to reference an Ember view in the handlebars view helper without using the Ember Application global var? I'm getting the error below after precompiling my handlebars templates and minifying my Ember code using Grunt. This seems to be because the Ember global var is shortened to 'a' where the Handlebars template still refers to 'App.View'.

MyView.hbs:

{{#each controller}}
  {{view App.MyChildView}}
{{/each}}

MyChildView.hbs:

<div>Irrelevant HTML</div>

JS:

App = Ember.Application.Create();  
App.MyView = Ember.View.extend({...

App.MyChildView = Ember.View.extend({...

Error:

Uncaught Error: assertion failed: Unable to find view at path 'MyChildView'

Solution:

Found a solution to this by using the render helper instead of view.

MyView.hbs:

{{#each controller}}
  {{render "MyChildView"}}
{{/each}}

can you show more code on how your `App.MyView` is setup, template etc. — intuitivepixel, Jun 19 '13 at 13:25
I think that's a better representation of my problem. I'm using a simplification of my program. — Michael Stone, Jun 19 '13 at 13:54
So I think I found a resolution for this by using the {{render}} helper instead of {{view}}. Can't post it as an answer because you need 10 rep to answer your own question within 8 hours of posting it :( — Michael Stone, Jun 19 '13 at 14:31
glad you found a solution, maybe you could edit your answer adding the solution. — intuitivepixel, Jun 19 '13 at 14:37

score 1 · Answer 1 · answered Jun 19 '13 at 17:48

1

The handlebars {{view}} helper can accept a string instead of a constant. So try:

{{#each controller}}
  {{view "App.MyChildView"}}
{{/each}}

answered Jun 19 '13 at 17:48

Mike Grassotti

19,040
3
59
57

Does this still effectively reference the global Ember application variable (App) though? – Michael Stone Jun 20 '13 at 10:46
Yep. Agreed that's not ideal, would be nice if `{{view}}` did some kind of container lookup like `{{render}}`. Maybe it does I've not tried... – Mike Grassotti Jun 20 '13 at 15:26
Yeah it's a bit annoying, what I really need is a View (with the controller inheritance) but can't do the template name lookup like with render. – Michael Stone Jun 20 '13 at 16:14
It seems you're not the only one who wants this - stef just published a PR that would teach view helper about the container. https://github.com/emberjs/ember.js/pull/2961#issuecomment-20499040 – Mike Grassotti Jul 05 '13 at 03:42

Using Ember view helper in handlebars template with global var

1 Answers1