javascript - ionic : Avoid redirecting for button in ion-list

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 可以完全满足我的需求。它解决了this问题。

要得到你想要的，你需要像这样改变你的代码:

    <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>