Portal

A veces resulta útil poder mostrar algún contenido fuera de los límites de un componente. Para ello, Owl proporciona una directiva especial: t-portal:

class SomeComponent extends Component {
  static template = xml`
      <div>this is inside the component</div>
      <div t-portal="'body'">and this is outside</div>
    `;
}

La directiva t-portal toma un selector CSS válido como argumento. El contenido de la plantilla del portal se montará en la ubicación correspondiente. Tenga en cuenta que Owl necesita insertar un nodo de texto vacío en la ubicación del contenido del portal.