TypeScript layout.MediaMatcher类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中@angular/cdk/layout.MediaMatcher类的典型用法代码示例。如果您正苦于以下问题：TypeScript MediaMatcher类的具体用法？TypeScript MediaMatcher怎么用？TypeScript MediaMatcher使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。

在下文中一共展示了MediaMatcher类的3个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: constructor

 /**
  * A constructor that injects many services.
  * 
  * @param authService Authorization service. 
  * @param translateService Translating service.
  * @param changeDetectorRef Change detector references.
  * @param media A media matcher.
  */
 constructor(
   private authService: AuthService, 
   private translateService: TranslateService, 
   changeDetectorRef: ChangeDetectorRef, 
   media: MediaMatcher
 ) { 
   this.mobileQuery = media.matchMedia('(max-width: 600px)');
   this._mobileQueryListener = () => changeDetectorRef.detectChanges();
   this.mobileQuery.addListener(this._mobileQueryListener);
 }

开发者ID:rrnovaesjr，项目名称:gesthor-v1，代码行数:18，代码来源:navbar.component.ts

示例2: constructor

 constructor(changeDetectorRef: ChangeDetectorRef, media: MediaMatcher, public menuItems: MenuItems) {
   
   this.mobileQuery = media.matchMedia('(min-width: 768px)');
   this._mobileQueryListener = () => changeDetectorRef.detectChanges();
   this.mobileQuery.addListener(this._mobileQueryListener);
 }

开发者ID:abuabbas1991365，项目名称:cashgift，代码行数:6，代码来源:full.component.ts

示例3: constructor

 constructor(changeDetectorRef: ChangeDetectorRef, media: MediaMatcher) {
   this.mobileQuery = media.matchMedia('(max-width: 600px)');
   this._mobileQueryListener = () => changeDetectorRef.detectChanges();
   this.mobileQuery.addListener(this._mobileQueryListener);
 }

开发者ID:RIntegerB2B，项目名称:SaifSeller，代码行数:5，代码来源:nav-sidebar.component.ts

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