import { NgxCanActivateApp } from 'ngx-can-activate-app';

@Component({
  selector: 'app-confirmation',
  template: '<button (click)="onActivate()">Activate</button>'
})
export class ConfirmationComponent {
  constructor(private canActivateApp: NgxCanActivateApp) {}

  onActivate() { this.canActivateApp.activate(); }
}

3. Declare component

Add your component to declarations and entryComponents

@NgModule({
  declarations: [ AppComponent, ConfirmationComponent ],
  entryComponents: [ ConfirmationComponent ],
  bootstrap: [ AppComponent ]
})
export class AppModule {}

4. Import module and setup component

You first must initialize the module with the component

import { NgxCanActivateAppModule } from 'ngx-can-activate-app';

@NgModule({
  imports: [
    NgxCanActivateAppModule.forRoot({
      component: ConfirmationComponent
    })
  ],
  declarations: [ AppComponent, ConfirmationComponent ],
  entryComponents: [ ConfirmationComponent ],
  bootstrap: [ AppComponent ]
})
export class AppModule {}

5. Setup selector to index.html

Add selector of the component to index.html file

<!doctype html>
<html lang="en">
<head></head>
<body>
  <app-root>
      <app-confirmation></app-confirmation>
  </app-root>
</body>
</html>

Keywords

FAQs

What is ngx-can-activate-app?

Is ngx-can-activate-app popular?

Is ngx-can-activate-app well maintained?

Package last updated on 01 Jul 2018

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

ngx-can-activate-app