Polymer.js嵌套组件内的数据绑定

Question

我有一个聚合物元素，这是我整个应用程序的父元素。它会定期执行ajax调用，并根据AJAX调用设置值。

在聚合物元素中，我有一个子元素需要动态显示其中一个值。

这是子代码：

<polymer-element name="main-status" attributes="auto">
    <template>
        <div id="status" flex>
            <div id="info" middle>
                <p>Robot is in {{ auto ? "AUTO" : "MANUAL T1" }} mode.</p>
            </div>
        </div>
        <link rel="stylesheet" type="text/css" href="main-status.css">
    </template>
    <script src="main-status.js"></script>
</polymer-element>

它在父母身上使用：

<main-status auto="{{statusAuto}}"></main-status>

确认{{statusAuto}}改变（在真与假之间）。此更改不会反映在子元素中。我同样尝试使用聚合物网站上建议的单稳态模式绑定到全局变量，但我仍然没有成功。

如何实现这一目标？

Answer 1

<main-status auto="{{statusAuto}}></main-status>

错过结束语 - 应该是

<main-status auto="{{statusAuto}}"></main-status>

如果只是问题不在您的实际代码中，请尝试

<main-status auto="{{statusAuto}}">{{statusAuto}}</main-status>

并验证statusAuto是否正确更新了值。