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吗?你说得对。。我没有导入它:)