Skip to content

Commit 100a04c

Browse files
marclavalmmalerba
authored andcommitted
refactor(focus-monitor): adapt demo examples for Ivy (#15475)
1 parent 3f8a443 commit 100a04c

File tree

2 files changed

+6
-6
lines changed

2 files changed

+6
-6
lines changed

src/material-examples/focus-monitor-focus-via/focus-monitor-focus-via-example.ts

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
import {FocusMonitor, FocusOrigin} from '@angular/cdk/a11y';
22
import {
3+
AfterViewInit,
34
ChangeDetectorRef,
45
Component,
56
ElementRef,
67
NgZone,
78
OnDestroy,
8-
OnInit,
99
ViewChild
1010
} from '@angular/core';
1111

@@ -15,7 +15,7 @@ import {
1515
templateUrl: 'focus-monitor-focus-via-example.html',
1616
styleUrls: ['focus-monitor-focus-via-example.css']
1717
})
18-
export class FocusMonitorFocusViaExample implements OnDestroy, OnInit {
18+
export class FocusMonitorFocusViaExample implements OnDestroy, AfterViewInit {
1919
@ViewChild('monitored') monitoredEl: ElementRef<HTMLElement>;
2020

2121
origin = this.formatOrigin(null);
@@ -24,7 +24,7 @@ export class FocusMonitorFocusViaExample implements OnDestroy, OnInit {
2424
private cdr: ChangeDetectorRef,
2525
private ngZone: NgZone) {}
2626

27-
ngOnInit() {
27+
ngAfterViewInit() {
2828
this.focusMonitor.monitor(this.monitoredEl)
2929
.subscribe(origin => this.ngZone.run(() => {
3030
this.origin = this.formatOrigin(origin);

src/material-examples/focus-monitor-overview/focus-monitor-overview-example.ts

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
import {FocusMonitor, FocusOrigin} from '@angular/cdk/a11y';
22
import {
3+
AfterViewInit,
34
ChangeDetectorRef,
45
Component,
56
ElementRef,
67
NgZone,
78
OnDestroy,
8-
OnInit,
99
ViewChild
1010
} from '@angular/core';
1111

@@ -15,7 +15,7 @@ import {
1515
templateUrl: 'focus-monitor-overview-example.html',
1616
styleUrls: ['focus-monitor-overview-example.css']
1717
})
18-
export class FocusMonitorOverviewExample implements OnDestroy, OnInit {
18+
export class FocusMonitorOverviewExample implements OnDestroy, AfterViewInit {
1919
@ViewChild('element') element: ElementRef<HTMLElement>;
2020
@ViewChild('subtree') subtree: ElementRef<HTMLElement>;
2121

@@ -26,7 +26,7 @@ export class FocusMonitorOverviewExample implements OnDestroy, OnInit {
2626
private cdr: ChangeDetectorRef,
2727
private ngZone: NgZone) {}
2828

29-
ngOnInit() {
29+
ngAfterViewInit() {
3030
this.focusMonitor.monitor(this.element)
3131
.subscribe(origin => this.ngZone.run(() => {
3232
this.elementOrigin = this.formatOrigin(origin);

0 commit comments

Comments
 (0)