Question

我想更改“标签”图标＆＃39;什么时候开始触摸＆＃39;或者＆＃39; touchend＆＃39;事件发生。

＆＃13;

onTouchStart(e) {
    if (e.target.attributes['aria-label'] && e.target.attributes['aria-label'].value == 'home') {
      e.target.style.backgroundImage = "url(../assets/imgs/homeRoot.png)";
    }
  }

  onTouchEnd(e) {
    if (e.target.attributes['aria-label'] && e.target.attributes['aria-label'].value == 'home') {
      e.target.style.backgroundImage = "url(../assets/imgs/homeRoot_default.png)";
    }
  }

＆＃13;

<ion-tabs (touchstart)="onTouchStart($event);" (touchend)="onTouchEnd($event);">
  <ion-tab [root]="tab1Root" tabTitle="One" tabIcon="one"></ion-tab>
  <ion-tab [root]="tab1Root" tabTitle="Two" tabIcon="Tow"></ion-tab>
  <ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="home"></ion-tab>
  <ion-tab [root]="tab1Root" tabTitle="Three" tabIcon="Three"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="Four" tabIcon="Four"></ion-tab>
</ion-tabs>

＆＃13;

我想告诉您触摸开始时触摸的是哪个标签。在“离子标签”中，没有触摸启动的处理，因此我直接如上所述实现了它。但它不适用于Android。

Touch Before

Thouch End

＆＃39;和backgroundImage＆＃39;消失，并且不处于原始状态。

Answer 1

＆＃13;

export xyz{
tabs = [{root: "tab1Root",menu: "1st menu", icon: "iconname"},{root: "tab2Root", menu: "2nd menu", icon: "iconname},{root: "tab3Root",menu: "3rd menu", icon: "iconname}];
}

＆＃13;

<ion-tabs (touchstart)="foo($event);" (touchend)="bar($event);">
<span *ngFor="let tab of tabs"
  <ion-tab [root]="tab.root" tabTitle="tab.menu" tabIcon="tab.icon"></ion-tab>
</ion-tabs>

＆＃13;

ionic3 tab icon我想在触摸开始时触摸背景图像，触摸结束

1 个答案: