當前位置: 首頁>>代碼示例>>TypeScript>>正文


TypeScript ElementRef.getBoundingClientRect方法代碼示例

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


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

示例1: recalculateDimensionsAndSetMode

    recalculateDimensionsAndSetMode() {
        var el = this.el.nativeElement.getElementsByClassName('view')[0];
        var rect = el.getBoundingClientRect();
        this.width = rect.width;
        this.height = rect.height;

        var adjustedMode = window.getComputedStyle(document.querySelector('body'), ':before').getPropertyValue('content').replace(/\"/g, '');

        if (this.mode != adjustedMode) {
            this.mode = adjustedMode;
            var time = new Date();
            this.lastModeChange = time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds();
            this.modeChanged();
        }
    }
開發者ID:HydAu,項目名稱:ng2VscodeTemplate,代碼行數:15,代碼來源:template.component.ts


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