本文整理汇总了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();
});
}