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

是的，您可以使用以下两个选项来完成：

$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）切换项目样式。 Android默认为small和 iOS默认为large。

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

通过此链接查看form.toggle：

$ionicConfigProvider

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

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

工作示例代码：

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

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

1 个答案: