Polymer iron-media-query 不能像以前的版本一样工作

Question

以下组件曾经在 0.5 中工作，但在 1.0 中不工作。如果我取消注释 h1 标签以显示由 iron-media-query 编辑的 return 值，则输出只是“,”；意思当然是这些值只是空白。

<dom-module id="app-image">
    <!-- Should select correct image based on size -->
    <style>
        :host {
            display: inline-block;
            position: relative;
            overflow: hidden;
        }
        :host > ::content img { display: block; }
    </style>
    <template>
        <iron-media-query query="(min-width: 422px)"
                          queryMatches="{{ isSmall }}"></iron-media-query>
        <iron-media-query query="(min-width: 642px)"
                          queryMatches="{{ isMedium }}"></iron-media-query>
        <iron-media-query query="(min-width: 1202px)"
                          queryMatches="{{ isLarge }}"></iron-media-query>
        <!--
            Note: The following is just to see what the actual values are for
            the specific variables. Unfortunately, it's all just plain blank :(

            <h1><span>{{ isSmall }}</span>, <span>{{ isMedium }}</span>, <span>{{ isLarge }}</span></h1>
        -->

        <template is="dom-if" if="{{ !isSmall }}">
            <content select="[tiny]"></content>
        </template>

        <template is="dom-if" if="{{ isSmall && !isMedium }}">
            <content select="[small]"></content>
        </template>

        <template is="dom-if" if="{{ isMedium && !isLarge }}">
            <content select="[medium]"></content>
        </template>

        <template is="dom-if" if="{{ isLarge }}">
            <content select="[large]"></content>
        </template>
    </template>
</dom-module>
<script>
    Polymer({
        is: "app-image",
        ready: function() {
            console.log(this.isSmall);
            console.log(this.isMedium);
            console.log(this.isLarge);
        }
    });
</script>

3 个 console.log 语句都是 return undefined，当我期待布尔值时。这让我相信 iron-media-query 元素实际上并没有更新属性.

iron-media-query 的使用方式是否应该不同于它的前身 core-media-query？文档是否正确？

ta,

Answer 1

将 queryMatches 重写为 query-matches。

Polymer iron-media-query 不能像以前的版本一样工作

Polymer iron-media-query not working as previous versions

polymer