2

我正在开发一个带有拨动开关的 Ionic 1 项目。你知道：

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

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

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

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

4

1 回答 1

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)切换项目样式。Android 默认为small，iOS 默认为large.

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

form.toggle在此链接结帐：

$ionicConfigProvider

  1. 使用 CSS 类：添加class="toggle-large"到ion-toggle下面的样式特定切换：

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

工作示例代码：

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

于 2018-04-18T01:47:28.657 回答