让 Ionic 1 切换开关看起来像 Android 上的 iOS 开关

Question

我正在做一个带有切换开关的 Ionic 1 项目。你知道的：

<ion-toggle>hello</ion-toggle>

它在Android和iOS上看起来不同，我更喜欢iOS的。我知道在 Ionic 2 中，我可以做到：

<ion-toggle mode="ios">hello</ion-toggle>

但这是一个 Ionic 1 项目，我不想仅仅为此将其转换为 Ionic 2。我运气不好吗？

Answer 1

是的，您可以使用以下两个选项来做到这一点：

1. $ionicConfigProvider.您可以使用它配置很多东西(样式/值/动画等)。在myApp.config()里面使用它。

用法：

var myApp = angular.module('reallyCoolApp', ['ionic']);
myApp.config(function($ionicConfigProvider) {
$ionicConfigProvider.views.maxCache(5);
// note that you can also chain configs
$ionicConfigProvider.backButton.text('Go Back').icon('ion-chevron-left');
});

您的要求： 您需要使用"设置切换项的样式

form.toggle(value)切换项目样式。安卓默认为small和 iOS 默认为large。

如果要为项目中的所有切换设置样式，请使用以下内容：$ionicConfigProvider.form.toggle('large');

查看此链接中的form.toggle：

$ionicConfigProvider

2. 使用 CSS 类： 将class="toggle-large"添加到ion-toggle，如下所示，以设置特定切换的样式：

<ion-toggle class="toggle-large">hello</ion-toggle>

工作示例代码：

https://codepen.io/anon/pen/jxONGy?editors=101