添加可点击按钮到离子收音机

时间:2016-03-22 11:14:34

标签: javascript angularjs ionic-framework

如何向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 个答案:

答案 0 :(得分:1)

你必须使用css来做,你必须将button设置为ion-checkbox,然后将buttonion-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;