kann keine einfache Methode zur Anzeige von Ion-Radio-Symbol auf der linken Seite finden

Question

In der Ion-Icon-Direktive wird das Symbol für den ausgewählten Artikel rechts angezeigt, es gibt eine einfache Möglichkeit, auf der linken Seite angezeigt werden stattdessen? Danke

Answer 1

Es sieht nicht wie es möglich ist, Symbole innerhalb Radioknöpfe mit den integrierten Ionen-Klassen auszurichten.

Verwenden Sie jedoch ein bisschen benutzerdefinierte CSS und ng-class Sie können dies funktionieren.

HTML

<ion-list>  
    <label class="item item-icon-left item-radio"> 
    <input type="radio" name="group"> 
    <div class="item-content "> 
     Go 1 
    </div> 
    <i class="radio-icon ion-checkmark"></i> 
    </label> 
    <label class="item item-icon-left item-radio"> 
    <input type="radio" name="group"> 
    <div class="item-content "> 
     Go 2 
    </div> 
    <i class="radio-icon ion-checkmark"></i> 
    </label>  

CSS

.item-icon-left .item-content { 
    padding-left:3em; 
} 

.item-icon-left i { 
    left:0; 
    right: auto; 
} 

Mit diesem Aufbau wird der Radiotext von der linken Seite des Elements versetzt. Wenn Sie möchten, dass der Radiotext linksbündig und bei Auswahl verschoben wird, können Sie den Elementen einen ng-class hinzufügen, um den Radiotext bei Auswahl zu versetzen.

Hier ist eine Ionic Play Demo.

Answer 2

Setzen Sie ein Item-Links-Attribut auf < Ion-Radio > Element.

Answer 3

landete ich mit diesem:

<ion-radio ng-model="model" ng-repeat="item in items" ng-value="item.value" ng-click="select(item)" name="{{name}}"> 
       <i class="icon {{item.icon}}"></i> 
       <span>{{item.label}}</span> 
       <p ng-if="item.desc">{{item.desc}}</p> 
      </ion-radio>