如何在离子列表项中使用按钮并分别对按钮和列表执行操作答案

【问题标题】：How to use button in ion list item and perfom action for the button and list separately如何在离子列表项中使用按钮并分别对按钮和列表执行操作
【发布时间】：2019-01-16 22:24:11
【问题描述】：

我有一个列表项，其中每个列表项都有一个基于条件的按钮。如果我单击按钮，它应该显示弹出窗口，如果我单击列表项，它应该转到下一页，但是如果我单击按钮，它会显示弹出窗口，并且在后台它会转到下一页，谁能告诉我如何处理。

HTML：

<ion-list class="trans-item">
        <div class="FramerList list" ng-repeat="bill in vm.bills | filter: vm.search">

          <a class="item item-icon-left" ng-if="bill.bill_paid==='true'" ng-click="vm.gotoBillDetail(bill)">
            <i class="icon ion-checkmark-circled"></i>
            {{"bno_message" | translate}} {{ bill.bill_no }}
          </a>

          <a class="item item-icon-left item-button-right" ng-if="bill.bill_paid==='false'" ng-click="vm.gotoBillDetail(bill)">
            <i class="icon ion-close-circled"></i>
            {{"bno_message" | translate}} {{ bill.bill_no }}
            <button class="button button-small billbook-button" ng-click="vm.billpaid(bill)">{{"farmerbillpaid_message" | translate}}</button>
          </a>
        </div>
    </ion-list>

【问题讨论】：

标签： javascript html angularjs ionic-framework

【解决方案1】：

你可以试试这样的：

<ion-list class="trans-item">
            <div class="FramerList list" ng-repeat="bill in vm.bills | filter: vm.search">

              <a class="item item-icon-left" ng-if="bill.bill_paid==='true'" ng-click="vm.gotoBillDetail(bill)">
                <i class="icon ion-checkmark-circled"></i>
                {{"bno_message" | translate}} {{ bill.bill_no }}
              </a>

              <a class="item item-icon-left item-button-right" ng-if="bill.bill_paid==='false'" ng-click="vm.gotoBillDetail(bill)">
                <i class="icon ion-close-circled"></i>
                {{"bno_message" | translate}} {{ bill.bill_no }}                   
              </a>
 <button class="button button-small billbook-button" ng-click="vm.billpaid(bill)">{{"farmerbillpaid_message" | translate}}</button>
            </div>
        </ion-list>

【讨论】：

按钮从项目中出来我怎样才能在列表项本身内制作按钮。
你可以在这里创建 plunker 或演示，以便我可以轻松编辑。