Полимер - bubbleEvent не является функцией

Question

Я знаю, что это новый вопрос, но я просто не понимаю, и другие подобные вопросы не помогают на этом сайте ...

Итак, у меня есть объект Polymer, и я делаю:

  connectedCallback() {
    super.connectedCallback();
    Polymer.RenderStatus.afterNextRender(this, () => {
      this.addSubComponentEventListeners();
      this.addEventListener('connection-type-changed', (e) => {
        this.bubbleEvent(e);
      });
    });
  }

  addSubComponentEventListeners() {
   //adding stuff
  }

  bubbleEvent(e) {
    console.log(`Bubblin': ${e}`);
    this.fire(e);
  }

По какой-то причине я не могу понять, хотя у меня обе функции объявлены в одной и той же области, однако addSubComponentEventListeners работает без проблем, и я получаю ошибку для bubbleEvent, говоря this.bubbleEvent() is not a function.Может кто-нибудь объяснить, пожалуйста, как это не функция?Это в другой сфере?Зачем?Как заставить его работать?

Answer 1

this.bubbleEvent в анонимной функции, поэтому я предполагаю, что вы находитесь в неправильной области.Попробуйте связать функцию.

 this.addEventListener('connection-type-changed', (e) => {
    this.bubbleEvent(e);
  }.bind(this));