Javascript 聚合:从主应用程序页面的一个视图调用其元素属性

Javascript 聚合:从主应用程序页面的一个视图调用其元素属性,javascript,polymer,Javascript,Polymer,我正在使用polymer starter kit,在我的主页(我的应用程序)中,我有一个隐藏的div元素,我想在其中一个应用程序视图中单击后显示它。我使用了这种语法。$.elementId.style=“display:block;”但它返回未定义元素的错误。有什么方法可以从它的一个视图中达到这个值吗?我不知道您使用的是哪个版本的polymer,但这是polymer 2.0的方法。为了使子元素与父元素通信,您需要使用事件。您需要在view元素中调度事件,并在my app元素中侦听事件,如下所示:

我正在使用polymer starter kit,在我的主页(我的应用程序)中,我有一个隐藏的div元素,我想在其中一个应用程序视图中单击后显示它。我使用了这种语法。$.elementId.style=“display:block;”但它返回未定义元素的错误。有什么方法可以从它的一个视图中达到这个值吗?

我不知道您使用的是哪个版本的polymer,但这是polymer 2.0的方法。为了使子元素与父元素通信,您需要使用事件。您需要在view元素中调度事件,并在my app元素中侦听事件,如下所示:

视图元素法

buttonClicked() {
    this.dispatchEvent(new CustomEvent('button-clicked'))
}
hideDiv() {
    this.$.elementId.style.display = "hidden"
}
我的应用程序元素

<my-view on-button-clicked="hideDiv"></my-view>

我不知道你用的是哪个版本的聚合物,但这是聚合物2.0的方法。为了使子元素与父元素通信,您需要使用事件。您需要在view元素中调度事件,并在my app元素中侦听事件,如下所示:

视图元素法

buttonClicked() {
    this.dispatchEvent(new CustomEvent('button-clicked'))
}
hideDiv() {
    this.$.elementId.style.display = "hidden"
}
我的应用程序元素

<my-view on-button-clicked="hideDiv"></my-view>

为什么不用这个?无论如何,您需要编辑您的问题以包含实际的元素代码,因为这是我们唯一可以找出其未定义原因的方法。当我尝试在帖子中包含代码时,它总是返回错误:(您要切换的div元素和单击以切换div的元素是否在同一组件中?否,我要显示的div在我的app元素中,我要触发它的按钮在my-view1元素中好的,这就是它不工作的原因。为了使此。$.elementId语法工作,包括此。$.elementI的方法。)d和具有“elementId”的元素必须在同一个组件中。为什么不用于此?无论如何,您需要编辑您的问题以包含实际的元素代码,因为这是我们可以找出其未定义原因的唯一方法。当我尝试在我的帖子中包含我的代码时,它总是返回错误:(您要切换的div元素和单击以切换div的元素是否在同一组件中?否,我要显示的div在我的app元素中,我要触发它的按钮在my-view1元素中好的,这就是它不工作的原因。为了使此。$.elementId语法工作,包括此。$.elementI的方法。)d和带有“elementId”的元素必须在同一个组件中。它是否有效?如果有效,接受答案将是有帮助的。接受我的答案将非常感谢。如何做到这一点?您是否看到“3”下的复选标记我的答案?点击它!它工作了吗?如果它工作了,接受答案将是有帮助的。接受我的答案将是非常感谢的。如何做?你看到我的答案“3”下的复选标记了吗?点击它!