Добавить кликабельную кнопку к ионному радио

0

Как вы добавляете кнопку clickable к компоненту ion-radio?

Изображение 174551

Я хочу дать пользователю возможность выбрать элемент и нажать кнопку вопросительного знака для получения дополнительной информации. Но на данный момент кажется, что я не могу нажать любую из кнопок, которые я добавляю. Это мой код:

<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>
Теги:
ionic-framework

1 ответ

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;

Ещё вопросы

Сообщество Overcoder
Наверх
Меню