2016-03-22 5 views
0

ion-radioコンポーネントにクリック可能なボタンを追加するにはどうすればよいですか?イオンラジオにクリック可能なボタンを追加する

enter image description here

私は、ユーザーが項目を選択し、詳細については、疑問符(?)ボタンをクリックする機能を提供したいです。しかし、現時点では、私が追加したボタンのどれもクリックできないようです。この今のところ私のコードです:

<div ng-if="identities.length > 0"> 
    <ion-checkbox class="item item-button-right" ng-model="filter.blue" ng-repeat="identity in identities"> 
     {{ identity. title }} 
     <button class="button button-clear button-padding" ng-click="showAddImageTagPopup()" ng-controller="PopupController"> 
       <i class="icon ion-help-circled"></i> 
     </button>     
    </ion-checkbox> 
</div> 

答えて

1

あなたは、CSSを使用してそれをしなければならない、あなたはion-checkboxの外にbuttonを設定する必要があり、この

<div ng-if="identities.length > 0"> 
<div ng-repeat="identity in identities"> 
<ion-checkbox class="item item-button-right" ng-model="filter.blue" 
> 
    {{ identity. title }} 

</ion-checkbox> 
<button class="button button-clear button-padding" 
ng-click="showAddImageTagPopup()" ng-controller="PopupController"> 
      <i class="icon ion-help-circled"></i> 
    </button> 
</div> 
</div> 
よう buttonとdivの中 ion-checkの両方を包みます

ボタンのこれらのCSSルールを追加してください。

position: absolute; 
top: 5px; 
right: 4px; 
z-index: 9999999; 
関連する問題