首先,增加ion-option-button,要確保在ion-item標(biāo)簽下,
而手冊radio的兩種形式都不行:
<label class="item item-radio">
<input type="radio" name="group" value="python">
<div class="radio-content">
<div class="item-content">
Python
</div>
<i class="radio-icon ion-checkmark"></i>
</div>
</label>
修改后會(huì)影響顯示效果;
<ion-radio ng-model="choice" ng-value="A">Choose A</ion-radio>
無從下手;
*解決辦法:自己寫radio?。。?!
<div>
<h2>{{k}}</h2>
<p>{{val}}</p>
</div>
<i class="icon ion-plus-circled" ng-if="radioShow[k]" style="color: #9e9e9e"></i>
<ion-option-button class="button-assertive" ng-click="driverListDelete(k)">
<i class="ion-trash-a icon"></i>
</ion-option-button>
</ion-item>
ng-if控制被選擇時(shí)圖標(biāo)的顯示與否
$scope.radioShow = {};
$scope.radioClick = function (k) {
$scope.radioShow = {};
$scope.radioShow[k] = true;
$scope.radio.radio = k;
}
$scope.radioShow為空對象,所以初始時(shí),所有圖標(biāo)不顯示;觸發(fā)點(diǎn)擊事件$scope.radioClick,把點(diǎn)擊的賦值true,
對應(yīng)的圖標(biāo)顯示,完成選中。
方法中再次賦值‘{}’,是因?yàn)閱芜x。
*注意:沒什么注意的;