TypeScript ObservableMedia.isActive方法代碼示例

本文整理匯總了TypeScript中@angular/flex-layout.ObservableMedia.isActive方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript ObservableMedia.isActive方法的具體用法？TypeScript ObservableMedia.isActive怎麽用？TypeScript ObservableMedia.isActive使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類@angular/flex-layout.ObservableMedia的用法示例。

在下文中一共展示了ObservableMedia.isActive方法的6個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: ngOnInit

    // -----------------------------------------------------------------------------------------------------
    // @ Lifecycle hooks
    // -----------------------------------------------------------------------------------------------------

    /**
     * On init
     */
    ngOnInit(): void
    {
        // Register the sidenav to the service
        this._fuseMatSidenavHelperService.setSidenav(this.fuseMatSidenavHelper, this._matSidenav);

        if ( this._observableMedia.isActive(this.matIsLockedOpen) )
        {
            this.isLockedOpen = true;
            this._matSidenav.mode = 'side';
            this._matSidenav.toggle(true);
        }
        else
        {
            this.isLockedOpen = false;
            this._matSidenav.mode = 'over';
            this._matSidenav.toggle(false);
        }

        this._fuseMatchMediaService.onMediaChange
            .pipe(takeUntil(this._unsubscribeAll))
            .subscribe(() => {
                if ( this._observableMedia.isActive(this.matIsLockedOpen) )
                {
                    this.isLockedOpen = true;
                    this._matSidenav.mode = 'side';
                    this._matSidenav.toggle(true);
                }
                else
                {
                    this.isLockedOpen = false;
                    this._matSidenav.mode = 'over';
                    this._matSidenav.toggle(false);
                }
            });
    }

開發者ID:，項目名稱:，代碼行數:42，代碼來源:

示例2: ngOnInit

 public ngOnInit() {
   this.enableSideNav$ = this.media.asObservable()
     .map(() =>
       this.media.isActive('xs') || this.media.isActive('sm')
     )
     .startWith(this.media.isActive('xs') || this.media.isActive('sm'));
 }

開發者ID:patrickhousley，項目名稱:xyzzy-mean，代碼行數:7，代碼來源:app.component.ts

示例3: ngOnInit

 ngOnInit() {
   // auto adjust side nav only if not embed
   this.isNarrowView = /*this.headerEnabled &&*/ (this.media.isActive('xs') || this.media.isActive('sm'));
   this.media.subscribe((change: MediaChange) => {
     this.isNarrowView = /*this.headerEnabled &&*/ (change.mqAlias === 'xs' || change.mqAlias === 'sm');
   });
 }

開發者ID:dasahcc，項目名稱:helix，代碼行數:7，代碼來源:cluster.component.ts

示例4:

 .subscribe(() => {
     if ( this._observableMedia.isActive(this.matIsLockedOpen) )
     {
         this.isLockedOpen = true;
         this._matSidenav.mode = 'side';
         this._matSidenav.toggle(true);
     }
     else
     {
         this.isLockedOpen = false;
         this._matSidenav.mode = 'over';
         this._matSidenav.toggle(false);
     }
 });

開發者ID:，項目名稱:，代碼行數:14，代碼來源:

示例5:

 .map(() =>
   this.media.isActive('xs') || this.media.isActive('sm')

開發者ID:patrickhousley，項目名稱:xyzzy-mean，代碼行數:2，代碼來源:app.component.ts

示例6:

 grid.forEach((cols, mqAlias) => {
   if (this.observableMedia.isActive(mqAlias)) {
     start = cols;
   }
 });

開發者ID:offscale，項目名稱:www，代碼行數:5，代碼來源:infographic.component.ts

注：本文中的@angular/flex-layout.ObservableMedia.isActive方法示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台，相關代碼片段篩選自各路編程大神貢獻的開源項目，源碼版權歸原作者所有，傳播和使用請參考對應項目的License；未經允許，請勿轉載。