Html 如何与兄弟姐妹共享变量？_Html_Polymer_Shadow Dom

Html 如何与兄弟姐妹共享变量？

html polymer

Html 如何与兄弟姐妹共享变量？,html,polymer,shadow-dom,Html,Polymer,Shadow Dom,我对聚合物很陌生，所以请不要隐瞒任何信息我有一个标准格式的基本网页，我正在尝试找出如何使用#main组件公开#nav组件变量currentSelection，这取决于切换出正确模板的选择： head body div#nav div#main div#footer 我了解Polymer的封装方面，但我对glue、事件系统和动态HTML的不同实例化模式缺乏了解，特别是因为Polymer 0.5已被弃用是否实际呈现为它不是一个？我想把整个网站打包成一个，但我不确定这是个

我对聚合物很陌生，所以请不要隐瞒任何信息

我有一个标准格式的基本网页，我正在尝试找出如何使用

#main

组件公开

#nav

组件变量

currentSelection

，这取决于切换出正确模板的选择：

head
body
    div#nav
    div#main
    div#footer

我了解Polymer的封装方面，但我对glue、事件系统和动态HTML的不同实例化模式缺乏了解，特别是因为Polymer 0.5已被弃用

是否实际呈现为它不是一个

？我想把整个网站打包成一个，但我不确定这是个好主意。

为什么不让你的

\nav

和

\main

定制组件？这样您就可以绑定到

currentSelection

，如下所示：

<my-nav current-selection="{{currentSelection}}"></my-nav>
<my-main current-selection="[[currentSelection]]"></my-main>

或者，您可以将所有元素放在另一个自定义组件中，例如

my app

，绑定将在其中工作：

index.html

my-app.html

谢谢，这绝对是正确的方向

<template is="dom-bind"> 
    <my-nav current-selection="{{currentSelection}}"></my-nav>
    <my-main current-selection="[[currentSelection]]"></my-main>
    <my-footer></my-footer>
</template>

<body>
    <my-app></my-app>
</body>

<template>
    <my-nav current-selection="{{currentSelection}}"></my-nav>
    <my-main current-selection="[[currentSelection]]"></my-main>
    <my-footer></my-footer>
</template>