如何在离子切换中放置文本

Question

目前我有一个看起来像这样的离子切换

我想做这个

反正有没有让这件事发生？我在某处读到了我可以使用ng-true-value和ng-false-value,但这似乎没有做我想要的

Answer 1

的属性ng-true-value和ng-false-value是提供ng-model表达特定自定义值时复选框被选中.该离子框架不使用它来显示切换文本.

但它肯定有可能:)

以下是一个指令.ion-toggle-text对现有的任何东西扯开ion-toggle,你很高兴.可以使用ng-true-value/ ng-false-valueattributes或使用属性的;分隔值设置开/关文本ion-toggle-text.如果没有提供文本,则默认为" 开 "和" 关 ".

<ion-toggle ion-toggle-text ng-model="simple">
  Simple Example: <b>{{ simple || false }}</b>
</ion-toggle>

<ion-toggle ion-toggle-text="online;offline" ng-model="customText">
  Custom text: <b>{{ customText || false }}</b>
</ion-toggle>

<ion-toggle ion-toggle-text ng-true-value="so true" ng-false-value="so false" ng-model="textByValue">
  Text by value: <b>{{ textByValue || 'so false' }}</b>
</ion-toggle>

可以在这里找到Plunker .

请享用.