angular2-step-by-step
CtrlK
  • Introduction
  • Typescript Starter
    • Types
    • Class
    • Utilities
  • Installation
  • Building Blocks
  • Angular 2 Dependencies
  • Component
  • Templates
  • Service
  • Directive
  • Structural Directive
  • Property Binding
  • Class Binding
  • Property Binding
  • Style Binding
  • Event Binding
  • Two Way Binding
  • Input
  • Output
  • Smart vs Dumb Component
  • Forms
  • Routing
  • Styles
  • Control HTML Rendering
  • Inbuilt Pipe
  • Custom Pipe
  • ng-content
  • Connecting to Server
    • Http Loader
    • Jsonp
  • Lifecycle Hooks
  • Routing
    • Configuring Routes
    • Route Navigation
    • Route Parameter
    • Query Parameter
    • Route Lifecycle Hooks
    • Child Routing
  • Extras
    • Angular2 with jQuery
  • Demos
Powered by GitBook
On this page

Was this helpful?

  1. Routing

Route Lifecycle Hooks

CanActivate
CanDeactivate
import {CanActivate, CanDeactivate} from ‘angular2/router’;

export class ContactFormComponent implements CanDeactivate
{
    routerCanDeactivate(next, previous)
    {
    if (this.form.dirty)
        return confirm(‘Are you sure?’);
    }
}
PreviousQuery ParameterNextChild Routing

Last updated 5 years ago

Was this helpful?