javascript - 为什么这个 polymer 不以默认属性开头？

Question

我正在开发我的第一个 polymer 观看视频教程。我想用默认属性启动 polymer ，但该属性一直以未定义的状态启动...为什么会这样？

我的 polymer :

<!-- 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 开头，正如您在属性中看到的那样，但就绪函数中的 console.log 始终返回未定义。当我这样做时，它没有从 index.html 接收值:

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

怎么了？完整的项目在 git: https://github.com/lucasumberto/slider

Answer 1

您编写了 properties，因为 properies 字母“t”丢失了。此外，要从元素属性传递，您必须将其编写为 control-visible 大写字母转换为“-”+小写字母。同样对于 bool 值，您不需要编写 true。写入属性名称使其为真。最后一件事更喜欢将 style 标记保留在 template

中