Question

我正在开发我的第一个聚合物观看视频教程。我想用默认属性启动聚合物，但属性保持启动为未定义...为什么会发生这种情况？

我的聚合物：

<!-- referencia do polymer -->
<link rel="import" href="bower_components/polymer/polymer.html">

<dom-module id="x-slider">

    <style>

        #imagens{
            color: blue;
        }

    </style>

    <template>
        <center>
            <div id="container">
                <div id="imagens">
                    Render imgs from src here!
                </div>
                <div id="Buttons">
                    <button name="voltar" id="botaoVoltar" on-click="botaoVoltar" ><<</button>
                    <button name="pausar" id="botaoPausar" >||</button>
                    <button name="avancar" id="botaoAvancar" >>></button>
                </div>
            </div>
        </center>
    </template>

</dom-module>

<script>
        Polymer({
            is: 'x-slider',
            properies: {
                controlVisible: {
                    type: Boolean,
                    value: false
                },
                interval: {
                    type: Number,
                    value: 0
                },
                imageFolder: {
                    type: String,
                    value: ''
                }
            },
            listeners: {
                '#botaoVoltar click': 'botaoVoltar'
            },
            botaoVoltar: function () {
                console.log('clicked');
            },
            ready: function () {
                console.log(this.controlVisible);
                this.$.botaoVoltar.hidden = !this.controlVisible;
            }
        })
</script>

我希望它以controlVisible开头为false，正如您在属性中看到的那样，但ready函数中的console.log始终返回undefined。当我这样做时，它没有收到index.html的值：

<x-slider controlVisible=true ></x-slider>

有什么不对？整个项目是在git：https://github.com/lucasumberto/slider

Answer 1

您已写properies，因为control-visible字母't'缺失。另外要从元素属性传递，您必须将其写为style大写字母转换为' - '+小套装字母。同样对于布尔值，您不需要写入true。编写属性名称使其成立。最后，我希望将template标记保留在{{1}}

中

为什么这种聚合物不以默认属性开始？

1 个答案: