Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态创建组件的聚合物访问功能_Javascript_Polymer_Polymer 1.0_Polymer Starter Kit - Fatal编程技术网

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

Javascript 动态创建组件的聚合物访问功能,javascript,polymer,polymer-1.0,polymer-starter-kit,Javascript,Polymer,Polymer 1.0,Polymer Starter Kit,我有一个mycreateCrewmodal组件,该组件应该在调用mycreateCrew组件中的函数后创建。模态应该显示一个特定的文本,然后在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', {

我有一个
mycreateCrewmodal
组件,该组件应该在调用
mycreateCrew
组件中的函数后创建。模态应该显示一个特定的文本,然后在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
 });
}
  // 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();
  },
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

// function to create a crew
_createCrew: function() {
crewName = this.$.crewname.value;
// handled with the main app file;
this.fire('add-new-crew', {
  name: crewName
 });
}
  // 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:此.\u createCrew.open不是一个函数

为什么在
mycreateCrewmodal
组件中看不到open函数


我可能做错了什么

您可以在没有驼峰案例组件id的情况下测试它吗?改用我的create crew模式,查看问题是否无法解决。我第一次就试过了,你导入了我的createCrewModal.html吗?你说得对。。我没有导入它:)您可以在没有驼峰案例组件id的情况下测试它吗?改用我的create crew模式,查看问题是否无法解决。我第一次就试过了,你导入了我的createCrewModal.html吗?你说得对。。我没有导入它:)