realtomaszkula

@Component({
  selector: 'app-details-page',
  template: '<pre>{{ state$ | async | json }}</pre>'
})
export class DetailsPageComponent implements OnInit {
  state$: Observable<object>;
  
  constructor(public activatedRoute: ActivatedRoute) {}
  
  ngOnInit() {

realtomaszkula

@Component({
  selector: 'app-root',
  template: `<pre>{{ state$ | async | json }}</pre>`,
})
export class AppComponent implements OnInit {
  private state$: Observable<object>;
  
  constructor(public router: Router) { }
  
  ngOnInit() {

realtomaszkula

@Component({
  selector: 'my-app',
  template: `
  <a routerLink="/details" [state]="{ hello: 'world' }">Go</a>`,
})
export class AppComponent  {}

realtomaszkula

@Component({
  template: `<a (click)="navigateWithState()">Go</a>`,
})
export class AppComponent  {
  constructor(public router: Router) {}
  navigateWithState() {
    this.router.navigateByUrl('/123', { state: { hello: 'world' } });
  }
}

realtomaszkula

@Directive({
  selector: 'a:not([routerLink])',
})

realtomaszkula

@Directive({
  selector: 'form:not([ngNoForm]):not([formGroup]),ngForm,ng-form,[ngForm]',
})

realtomaszkula

<nav>
  <a href="https://google.com">Google</a>
  <a href="https://bing.com">Bing</a>
  <a href="https://forbes.com">Forbes</a>
</nav>

realtomaszkula

@Directive({
  selector: 'a:not([routerLink])'
})
export class ExternalLinkDirective {
  @HostBinding('rel')
  @Input()
  rel = 'noopener';

  @HostBinding('target')
  @Input()

realtomaszkula

@Component({
  selector: 'app-gradient-button',
  template: `
  <span class="gradient" [ngStyle]="gradientStyle"></span>
  <span class="content">
    <ng-content></ng-content>
  </span>
  `,
  styles: [
    `

realtomaszkula

@Component({
  selector: 'app-gradient-button',
  template: `
  <span class="gradient"></span>
  <span class="content">
    <ng-content></ng-content>
  </span>
  `,
  styles: [
    `