本文整理匯總了TypeScript中@angular/cdk/layout.BreakpointObserver.observe方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript BreakpointObserver.observe方法的具體用法？TypeScript BreakpointObserver.observe怎麽用？TypeScript BreakpointObserver.observe使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類@angular/cdk/layout.BreakpointObserver的用法示例。
在下文中一共展示了BreakpointObserver.observe方法的3個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: constructor
constructor(private mqm: BreakpointObserver) {
this.isHandset = this.mqm.observe([Breakpoints.HandsetLandscape,
Breakpoints.HandsetPortrait]);
this.isTablet = this.mqm.observe(Breakpoints.Tablet);
this.isWeb = this.mqm.observe([Breakpoints.WebLandscape, Breakpoints.WebPortrait]);
this.isPortrait = this.mqm.observe('(orientation: portrait)');
this.isLandscape = this.mqm.observe('(orientation: landscape)');
}示例2: ngOnInit
ngOnInit() {
this.breakpointObserver
.observe([Breakpoints.XSmall, Breakpoints.Small])
.subscribe((state: BreakpointState) => {
this.isScreenSmall = state.matches ? true : false;
});
}示例3: constructor
constructor(public media: BreakpointObserver, iconRegistry: MatIconRegistry, sanitizer: DomSanitizer, cdr: ChangeDetectorRef) {
iconRegistry.addSvgIconSet(sanitizer.bypassSecurityTrustResourceUrl('./../../../assets/mdi.svg'));
media.observe('(max-width: 599px)').subscribe( isMatched => {
this.isMediaSmall = isMatched.matches;
cdr.markForCheck();
});
}