Ionic2：更新到 beta 5 和 6

Question

我在将 Ionic2 版本从 beta 4 更新到 5/6 时遇到一些问题。

在 beta 4 中，浏览器的外观默认类似于 iOS。在 5 和 6 中，样式类似于 Android，并且在浏览页面 (z-index) 时出现多个呈现问题。 beta 6 的教程在浏览器上也显示 Android-like。

浏览器 Chrome（最新版本）在 Mac OS（最新版本）

在iOS模拟器中一切正常。

你知道这是什么问题吗？

我完成了本指南的所有操作：GUIDE

package.json

{
  "dependencies": {
    "angular2": "2.0.0-beta.15",
    "es6-promise": "3.0.2",
    "es6-shim": "0.35.0",
    "ionic-angular": "2.0.0-beta.6",
    "ionic-native": "^1.1.0",
    "ionicons": "3.0.0-alpha.3",
    "reflect-metadata": "0.1.2",
    "run-sequence": "^1.1.5",
    "rxjs": "5.0.0-beta.2",
    "systemjs": "^0.19.4",
    "zone.js": "0.6.10"
  },
  "devDependencies": {
    "del": "2.2.0",
    "gulp": "3.9.1",
    "gulp-imagemin": "^2.4.0",
    "gulp-watch": "4.3.5",
    "ionic-gulp-browserify-typescript": "^1.0.0",
    "ionic-gulp-fonts-copy": "^1.0.0",
    "ionic-gulp-html-copy": "^1.0.0",
    "ionic-gulp-sass-build": "^1.0.0",
    "ionic-gulp-scripts-copy": "^1.0.0",
    "gulp-sass": "2.2.0",
    "node-sass": "3.4.2"
  },
  "cordovaPlugins": [
    "cordova-plugin-device",
    "cordova-plugin-console",
    "cordova-plugin-whitelist",
    "cordova-plugin-splashscreen",
    "cordova-plugin-statusbar",
    "ionic-plugin-keyboard"
  ],
  "cordovaPlatforms": [
    "ios",
    {
      "platform": "ios",
      "version": "",
      "locator": "ios"
    }
  ],
  "name": "",
  "description": ""
}

Answer 1

这是设计使然。在网络上查看时，Ionic 默认为 Material 设计。注意：截至 2016 年 5 月 2 日，这是准确的。这可能会在未来发生变化。

如果您希望以不同的风格查看应用程序以进行测试，您可以设置查询参数，例如：

localhost:8100/index.html?ionicplatform=ios

也可以重写 theme/configuration 以显示不同平台的样式。

http://ionicframework.com/docs/v2/theming/platform-specific-styles/

Ionic2：更新到 beta 5 和 6

Ionic2: updating to beta 5 and 6

typescript

ionic2

angular