Aurelia custom element to put a DOM Element from the viewmodel to the view

content-control.js

import {bindable, noView, inject} from 'aurelia-framework';

/* USAGE
<content-control content.bind="domElement"></content-control>
*/

@noView
@inject(Element)
export class ContentControl{
  
  @bindable content;
  
  constructor(el){
    this.element = el;
  }
  
  contentChanged(newValue){
    if(this.element.firstChild)
      this.element.removeChild(this.element.firstChild);
    if(newValue instanceof Node)
      this.element.appendChild(newValue); 
  }
  
  detached(){
    if(this.element.firstChild)
      this.element.removeChild(this.element.firstChild);
  }
}