將可點擊按鈕添加到離子無線電

Question

如何將可點擊按鈕添加到離子無線電組件中？

我想讓用戶能夠選擇一個項目，然后單擊問號按鈕以獲取更多信息。 但目前看來，我無法單擊添加的任何按鈕。 到目前為止，這是我的代碼：

<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>

Answer 1

您必須使用CSS進行操作，必須將button設置在ion-checkbox外面，然后將button和ion-check都包裹在這樣的div中

<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>

並為按鈕添加這些CSS規則

position: absolute;
top: 5px;
right: 4px;
z-index: 9999999;