@rohmer/ng-portal
v2.0.0
Published
Portals made easy :wink:
Downloads
6
Readme
@rohmer/ng-portal
Portals made easy :wink:
Installation
Install package
npm install @rohmer/ng-portal --save // OR yarn add @rohmer/ng-portal
Import the
PortalModule
in your module.import {PortalModule} from '@rohmer/ng-portal'; @NgModule({ // ... imports: [ // ... PortalModule, ], })
Define host elements to render content to.
<rp-portal-host slot="any-slot-name"></rp-portal-host> <div rpPortalHost="another-slot-name"></div>
Define content that should be rendered inside these hosts.
<ng-template rpPortalSlot="any-slot-name"> I'm rendered inside the slot called "any-slot-name". </ng-template> <ng-template rpPortalSlot="another-slot-name"> I'm rendered inside the slot called "another-slot-name". </ng-template>