当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript BreakpointObserver.observe方法代码示例

本文整理汇总了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)');
 }
开发者ID:GuzmanPI,项目名称:material2,代码行数:8,代码来源:screen-type-demo.ts

示例2: ngOnInit

 ngOnInit() {
   this.breakpointObserver
     .observe([Breakpoints.XSmall, Breakpoints.Small])
     .subscribe((state: BreakpointState) => {
       this.isScreenSmall = state.matches ? true : false;
   });
 }
开发者ID:ricardorojass,项目名称:blog,代码行数:7,代码来源:sidenav.component.ts

示例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();
    });
  }
开发者ID:ianchi,项目名称:luci-ng,代码行数:8,代码来源:shell.component.ts


注:本文中的@angular/cdk/layout.BreakpointObserver.observe方法示例由纯净天空整理自Github/MSDocs等开源代码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。