Question

我有一个my-createCrewModal组件，应该在调用my-createcrew组件的函数后创建。该模式似乎显示特定文本，然后在4秒后消失。

my-createcrew.html

// function to create a crew
_createCrew: function() {
crewName = this.$.crewname.value;
// handled with the main app file;
this.fire('add-new-crew', {
  name: crewName
 });
}

my-createCrewModal.html打开和关闭功能..

Polymer({
  is: 'my-createCrewModal',

  open: function() {
    Polymer.dom.flush();
    this.offsetHeight && this.classList.add('opened');
    this.debounce('_close', this.close, 4000);
  },

  close: function() {
    this.classList.remove('opened');
  }
});

和

my-app.html

  // on add new crew
  _onAddNewCrew: function(event) {
    if (!this._createCrew) {
      this._createCrew = document.createElement('my-createCrewModal');
      Polymer.dom(this.root).appendChild(this._createCrew);
    }
     Polymer.dom(this._createCrew).innerHTML = 'New Item Added';
    this._createCrew.open();
  },

侦听器对象看起来像这样

  listeners: {
    'add-new-crew': '_onAddNewCrew'
  },

当我调用我得到的功能时

Uncaught TypeError: this._createCrew.open is not a function

为什么它看不到my-createCrewModal组件中的open函数。

我可能做错了什么？

聚合物访问动态创建组件的功能

0 个答案: