如何从代码中获取当前的离子模式

Question

我正在使用 Angular 9 和 ionic5，我需要从我的打字稿代码中获取当前使用的模式（字符串 md 或 ios，这可能与平台不同） .所以我的问题是，如果这可以直接从打字稿代码中实现，而不需要从标签 html mode 属性中读取它。

我试图查阅Platform styles的官方文档，但这只考虑了CSS内的用法。

Answer 1

平台服务可用于获取有关您当前设备的信息。您可以使用 platforms 方法获取与设备关联的所有平台，包括是否从平板电脑查看应用程序，如果它在移动设备或浏览器上，以及确切的平台（iOS，Android，等等）。您还可以获得设备的方向，如果它使用从右到左的语言方向等等。有了这些信息，您就可以完全自定义您的应用程序以适应任何设备。

For more information

Answer 2

找到这些东西的最简单方法是查看 Ionic 的源代码，特别是 providers 文件夹。在那里，我找到了以下文件：https://github.com/ionic-team/ionic-framework/blob/master/angular/src/providers/config.ts

该文件公开了 Config 提供程序，它将公开应用程序的整个配置，包括 mode。

请看这个working Stackblitz demo

import { Component, OnInit } from "@angular/core";
import { Config } from "@ionic/angular";

@Component({
  selector: "app-home",
  templateUrl: "./home.page.html",
  styleUrls: ["./home.page.scss"]
})
export class HomePage implements OnInit {
  public mode: string;

  constructor(private config: Config) {}

  ngOnInit() {
    // Replace the mode in the app.module.ts
    // file to test this
    this.mode = this.config.get("mode");
  }
}

如何从代码中获取当前的离子模式

How do I get current ionic mode from code

ionic-framework

angular

ionic5