Ngx-can-activate-app NPM

NgxCanActivateApp

1. Install ngx-can-activate-app

npm i -s ngx-can-activate-app

2. Create component

It will be displayed until your application has finished activating.

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 the component

Add it to declarations.

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

4. Import NgxCanActivateAppModule

Then add your component to the module's initialization.

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

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

5. Specify a selector in index.html

Add the selector of your component to index.html.

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

angular angular5 angular6 angular-library angular-components typescript

tslib

@infinitebrahmanuniverse/nolb-ngx-c @everything-registry/sub-chunk-2282

0.0.3

6 years ago

0.0.2

6 years ago

0.0.1

6 years ago