将可点击按钮添加到 ion-radio

【问题标题】：Add clickable button to ion-radio将可点击按钮添加到 ion-radio
【发布时间】：2016-03-22 20:44:18
【问题描述】：

如何向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>

【问题讨论】：

标签： javascript angularjs ionic-framework

【解决方案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;

【讨论】：