小编Fan*_*Typ的帖子

ViewChild无法正常工作(离子元素)

当要添加一个特定的类时,我想触发离子-项目-滑动元素。就我而言,是“主动滑梯”。我试图用ViewChild引用该元素,但总是出现错误

TypeError: Cannot read property 'classList' of undefined
Run Code Online (Sandbox Code Playgroud)

当clickHandler方法被调用时。

<ion-list>
  <ion-item-sliding #slideItem>
    <ion-item>
      Item
    </ion-item>
    <ion-item-options side="left">
      <button ion-button (click)="favorite(item)">Favorite</button>
      <button ion-button color="danger" (click)="share(item)">Share</button>
    </ion-item-options>

    <ion-item-options side="right">
      <button ion-button (click)="unread(item)">Unread</button>
    </ion-item-options>
  </ion-item-sliding>
</ion-list>
Run Code Online (Sandbox Code Playgroud)

的HTML

export class TestPage { 

  @ViewChild('slideItem') slideItem : ElementRef;

  constructor() {}

  // ...

  @HostListener('click', ['$event'])
  clickHandler(event) {
    console.log("Test 1"); // gets called  

    if(this.slideItem.nativeElement.classList.contains('active-slide'))  {
      console.log("Test 2");  
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

ionic-framework ionic3 angular

1
推荐指数
1
解决办法
1218
查看次数

标签 统计

angular ×1

ionic-framework ×1

ionic3 ×1