Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angular – throws ERROR TypeError:无法读取未定义的属性’emit’大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在MyComponent中,我试图从事件处理程序发出另一个事件. (父组件将使用此新事件执行一些操作).我创建了一个事件发射器作为MyComponent的成员,但事件处理程序方法无法访问事件发射器.它抛出ERROR TypeError:无法读取未定义的属性’emit’.我在StackOverflow上发现了一些相关的问题,但由于对Angular2不熟悉而无法理解.

import { Component,Input,Output,OnChanges,SimpleChanges,OnInit,EventEmitter } from '@angular/core';

import YouTubePlayer from 'youtube-player';

@Component({
  SELEctor: 'app-my-component',templateUrl: './my-component.component.html',styleUrls: ['./my-component.component.css']
})

export class MyComponent implements OnChanges,OnInit {
  @input()
  videoURL = '';

  player : any;

  videoId : any;

  @Output()
  myEmitter: EventEmitter<number> = new EventEmitter();

  ngOnInit(): void {
    this.player = YouTubePlayer('video-player',{
        videoId: this.videoId,width: "100%"
    });
    this.registerEvents();
  }

  private registerEvents() {
    this.player.on("stateChange",this.onStateChangeEvent);
  }

  private onStateChangeEvent(event: any) {
    console.log("reached here: " + event);
    this.myEmitter.emit(1); //throws `ERROR TypeError: CAnnot read property 'emit' of undefined`
  }    
}

有人可以帮帮我吗?请注意,我必须仅从onStateChangeEvent发出事件,因为稍后我会针对不同类型的事件使用不同类型的事件发射器.所以我将把一个switch-case放在onStateChangeEvent中,并使用不同的发射器 – 每种类型一个.

解决方法

通常由错误引起的
固定

private onStateChangeEvent = (event: any) => {
    console.log("reached here: " + event);
    this.myEmitter.emit(1); // Now correct this
  }

更多

https://basarat.gitbooks.io/typescript/docs/arrow-functions.html

大佬总结

以上是大佬教程为你收集整理的angular – throws ERROR TypeError:无法读取未定义的属性’emit’全部内容,希望文章能够帮你解决angular – throws ERROR TypeError:无法读取未定义的属性’emit’所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。