Цели с несколькими касаниями в ионном элементе

Question

У меня есть ионный список, в котором каждый ионный элемент имеет href для перехода к следующей странице (мастер -> деталь). Таким образом, событие «перехват» ионного элемента будет перемещаться по странице подробностей (как и ожидалось).

Однако, у меня есть кнопка внутри каждого элемента-иона, который выполняет действие. Проблема здесь в том, что есть две сенсорные цели. При нажатии на кнопку внутри ионного элемента срабатывает как событие кнопки, так и окружающее событие ионизирующего элемента.

Кнопка внутри ионного элемента использует событие ng-click, и ионный элемент запускается href.

Я хочу иметь возможность нажимать кнопку внутри ионного элемента, не запуская событие href на ионном элементе.

Answer 1

Добавить $event.stopPropogation() после выполнения функции требуемой области видимости в ng-click (более глубокая, которая является кнопкой в ​​этом случае).

Пример:

<ion-list> 
    <ion-item ng-click="someFunction()"> 
    List Item 
    <button class="button button-small" ng-click="anotherFunction(); $event.stopPropagation();;">List Button</button> 
    </ion-item> 
</ion-list> 

Для приведенного выше примера, при нажатии на кнопку, будет выполняться только anotherFunction(). Когда вы нажмете элемент списка, будет выполнен только someFunction().

Удачи!