Ember.js Strip Binding Tags

Question

Is there a way to strip binding tags from an ember.js infused handlebars template? I would like to be able to extract just the html without any of the metamorph script tags.

I have this related question but wanted to ask this more general question as well.

Answer 1

You can use the unbound Handlebars helper to do this at the individual property level.

There is work being done on an #unbound block helper, which would be nice for what you're trying to do: https://github.com/emberjs/ember.js/pull/321

Another approach is to, in your views, specify a plain Handlebars template. None of the output will be bound.

App.UnboundView = Ember.View.extend({
  template: Handlebars.compile("output is: {{msg}} here"),
  msg: "not bound"
});

Here's a jsFiddle example: http://jsfiddle.net/ebryn/zQA4H/

Answer 2

Here's a better way

{{unbound propertyName}}

http://emberjs.com/api/classes/Ember.Handlebars.helpers.html#method_unbound