javascript - 如何在没有事件的情况下在自定义 polymer 元素之间进行讨论

Question

我想在父自定义元素中没有事件的自定义元素之间进行讨论。如果可能的话我该怎么做？

这是my-custom-parent-element.htlm:

<link rel="import" href="../my-custom-elment-1.html">
<link rel="import" href="../my-custom-elment-2.html">
<polymer-element name="my-custom-parent-element" noscript>
    <template>
        <my-custom-elment-1></my-custom-elment-1>
        <my-custom-elment-2></my-custom-elment-2>
    </template>
</polymer-element>

这是my-custom-element-1:

<link rel="import" href="../polymer-gestures/polymer-gestures.html">
<polymer-element name="my-custom-element-1">
    <template>
        <div><canvas width="300px" height="200px"></canvas></div>
    </template>
    <script>
        Polymer({
            ready: function() {
                <!-- Here, I need notify my-custom-element-2 that canvas received an event without re-send an event-->
            }
        });
    </script>
</polymer-element>

这是my-custom-element-2:

<polymer-element name="my-custom-element-2">
    <template>
        <div></div>
    </template>
    <script>
        Polymer({
            ready: function() {
                <!-- Here, I need to change value by my-custom-element-1 notifications -->
            }
        });
    </script>
</polymer-element>

Answer 1

不确定您想如何执行此操作。但您也可以从父级引用 elem1 :

    <polymer-element name="my-custom-parent-element" noscript>
    <template>
        <my-custom-elment-1 id="elem1"></my-custom-elment-1>
        <my-custom-elment-2 id="elem2"></my-custom-elment-2>
    </template>
    <script>
Polymer({
            domReady: function() {
                this.$.elem1.target = this.$.elem2
            }
        });
    </script>
</polymer-element>

在 elem1 中:

<polymer-element name="my-custom-element-1" attributes="target">
    <template>
        <div><canvas width="300px" height="200px"></canvas></div>
    </template>
    <script>
        Polymer({
            ready: function() {
                <!-- Here, I need notify my-custom-element-2 that canvas received an event without re-send an event-->
                  target.xxx();
            }
        });
    </script>
</polymer-element>

但通常情况下，事件方式更好