angular-rift v1.0.4

Angular Rift

This library works similarly to React Portals and allows you to render children into a DOM node that exists outside the DOM hierarchy of the parent component.

Example: Demo | Code

How to use

Install it:

npm install angular-rift

Use riftContent directive and rift-outlet component to create rifts.

Unnamed riftContent will appear inside unnamed rift-outlet:

<div *riftContent>This will appear inside default rift-outlet!</div>

<rift-outlet></rift-outlet>

Named riftContent will appear inside rift-outlet with respective name:

<div *riftContent="'myOutlet'">This will appear inside named rift-outlet!</div>

<rift-outlet name="myOutlet"></rift-outlet>