如何在离子3

时间:2019-02-17 11:29:49

标签: angular ionic3

我想创建一个按钮,默认情况下会在该按钮上显示“添加”文本,单击后应为“-1 +”,用户可以通过按下按钮来添加或删除项目

当项目为0时,应再次显示“添加”,而不是“ -0 +”

1 个答案:

答案 0 :(得分:0)

将一个count属性放在初始化为零的页面上。使用它用*ngIF.为减号按钮设置条件,让(click)处理程序可为每个计数添加或删除计数。如果可以随后加载订单-计算行数并将其存储在count属性中。

这是来自ion button的示例点击处理程序。与在页面组件的html标记中关联的icon。将counter属性放在基础页面组件中。添加任何必要的服务电话以召回顺序,可能使用诸如离子列表之类的详细信息。在带有离子标签的离子列表中嵌入一个离子项目。

       <button ion-button *ngIf="itemsCount > 0"
              class="edtbtn"
              (click)="changeGvar(gvar)">
        <ion-icon name="redo"></ion-icon>
        &nbsp;Change
      </button>