javascript - 向 ion-radio 添加可点击按钮

Question

如何向 ion-radio 添加可点击按钮组件？

我想让用户能够选择一个项目并单击问号按钮以获取更多信息。但目前，我似乎无法单击我添加的任何按钮。这是我到目前为止的代码:

<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来做到这一点，你必须将按钮设置在ion-checkbox之外，然后将按钮和像这样的 div 中的 ion-check

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