How to attach Backbone.Marionette view to existing element without creating extra element

Question

Say I have these two Backbone.Marionette views:

var FooView = Backbone.Marionette.ItemView.extend({
  tagName: p,
  id: 'foo',
  template: this.templates.summary
});

var BarView = Backbone.Marionette.ItemView.extend({
  template: this.templates.summary
});

And then I want to show them inside an app region, like so:

App.contentRegion.show(new FooView/BarView());

The first view would create a new

element and append it to the region. I thought the second way would be more like a standard Backbone view and attach itself to the region without creating a new element, but it wraps it in a tag. Is there a way to avoid this without using something like setElement()?

Answer 1

For this, you should use the attachView method: https://github.com/marionettejs/backbone.marionette/blob/master/docs/marionette.region.md#call-attachview-on-region