我正在try 使用typescript获得ionic 2中的设备宽度和高度.

在我之前使用的爱奥尼亚2版本中,

window.screen.width
window.screen.height

但在新版本中,这是行不通的.

如何使用类型脚本+ionic 2?

推荐答案

您可以使用平台信息进行此操作.

在内部,platform使用window.innerWidthwindow.innerHeight,但

首选使用此方法,因为维度是缓存的值,

ionic 4/5

Docs: https://ionicframework.com/docs/angular/platform#width-number

import { Component } from '@angular/core';
import { Platform } from '@ionic/angular';

@Component({...})
export MyApp {
  constructor(platform: Platform) {
    platform.ready().then(() => {
      console.log('Width: ' + platform.width());
      console.log('Height: ' + platform.height());
    });
  }
}

ionic 2/3

Docs: https://ionicframework.com/docs/v3/api/platform/Platform/#width

import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';

@Component({...})
export MyApp {
  constructor(platform: Platform) {
    platform.ready().then(() => {
      console.log('Width: ' + platform.width());
      console.log('Height: ' + platform.height());
    });
  }
}

Typescript相关问答推荐

类型脚本不会推断键的值类型

与字符串文字模板的结果类型匹配的打字脚本

如何推断计算逻辑的类型

对数组或REST参数中的多个函数的S参数进行类型判断

部分类型化非 struct 化对象参数

在TypeScrip的数组中判断模式类型

类型,其中一条记录为字符串,其他记录为指定的

创建Angular 为17的动态形状时出错

自定义 Select 组件的类型问题:使用带逗号的泛型类型<;T与不带逗号的<;T&>;时出错

如何从对象或类动态生成类型

有没有办法传递泛型类型数组,以便推断每个元素的泛型类型?

当传递带有或不带有参数的函数作为组件props 时,我应该如何指定类型?

创建一个函数,该函数返回一个行为方式与传入函数相同的函数

如何键入对象转换器

TypeScrip:从嵌套的对象值创建新类型

如何在Type脚本中创建一个只接受两个对象之间具有相同值类型的键的接口?

如何实现允许扩展泛型函数参数的类型

如何从联合类型推断函数参数?

如何根据Typescript 中带有泛型的对象嵌套键数组获取数组或对象的正确类型?

TS2532:对象可能未定义