ionic——ion-radio增加ion-option-button問題

首先,增加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。

*注意:沒什么注意的;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容