离子：避免重定向离子列表中的按钮

Question

情况：

在我的Ionic应用程序中，我正在使用ion-list 。

每个项目都可以滑动以显示一个按钮（添加/删除到收藏夹）。

每个项目都是指向项目页面的链接。

问题是，当我单击按钮时，除了触发适当的功能外，还会激活链接。

编码：

<ion-list can-swipe="true" class="list" ng-repeat="project in project_list">

    <ion-item class="item-content item-text-wrap" ng-click="go_to_project_page( project )">

        <h1 class="custom_h1">{{project.name}}</h1>

        <ion-option-button class="button-small button-balanced" ng-if="current_project_list_type != 'favorites'" ng-click="project_favorite_add( project.project_id )">
            Mark as favorite
        </ion-option-button>

        <ion-option-button class="button-small button-assertive" ng-if="current_project_list_type == 'favorites'" ng-click="project_favorite_remove( project.project_id )">
            Remove from favorites
        </ion-option-button>

    </ion-item>

</ion-list>

问题：

有没有一种方法可以避免在单击按钮时退缩？ 如果不是官方的方式，您是否知道一些技巧可以实现？

谢谢！

Answer 1

从Ionic 0.9.2开始，有指令ion-stop-event可以完全满足您的需求。 它解决了这个问题。

要获得所需的内容，需要像下面这样更改代码：

    <ion-option-button ion-stop-event="click" class="button-small button-balanced" ng-if="current_project_list_type != 'favorites'" ng-click="project_favorite_add( project.project_id )">
        Mark as favorite
    </ion-option-button>

    <ion-option-button ion-stop-event="click" class="button-small button-assertive" ng-if="current_project_list_type == 'favorites'" ng-click="project_favorite_remove( project.project_id )">
        Remove from favorites
    </ion-option-button>

Answer 2

在ionic2 3.4.0使用$event.stopPropagation(); 在（点击）

<ion-item (click)="firstView()">
        <ion-icon name="trash" item-end (click)="secondView();$event.stopPropagation();"></ion-icon>
        <h2>{{name}}</h2>
        <h3>{{type}}</h3>
        <p>{{description}}</p>

</ion-item>