npm i -s ngx-can-activate-appIt 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(); }
}Add it to declarations.
@NgModule({
declarations: [ AppComponent, ConfirmationComponent ],
bootstrap: [ AppComponent ]
})
export class AppModule {}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 {}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>