離子：避免在離子列表重定向對按鈕

在我的應用程序離子我使用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>

問題：

有一種方法，以避免redicting上的按鈕時，點擊？如果不是官方的方式，你知道一些技巧如何實現？

謝謝！

來源

2016-02-04 johnnyfittizio

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

來源

2016-02-04 13:34:32 niklas

上帝保佑你！我不知道這件事。 – johnnyfittizio

它沒有記錄在更新日誌中。我只找到一個測試和一些關於它的論壇條目。希望它有效 – niklas

是的你是對的，我正在尋找有關它的官方文檔，沒有找到任何東西。無論如何，它在瀏覽器中工作順利。必須在電話上測試它。你是否知道，如果'點擊'對於用手指進行實際點擊也是有效的？ – johnnyfittizio

在ionic23.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>

來源

2017-09-01 10:01:34

離子：避免在離子列表重定向對按鈕

回答

相關問題