聚合物不反映默认属性

时间:2015-11-21 01:21:13

标签: polymer polymer-1.0

我是Polymer的新手,发现文档很稀疏。我尝试根据初始的反射属性值设置自定义元素,无论我做什么,似乎反射都没有工作 - 我的元素上没有属性出现。如果我在代码中设置属性,它也不会出现。

<dom-module id="so-login">
<style>
    :host {
        background-color: white;
    }
    :host[loggedin] form, :host:not([expanded]) form {
        display: none;
    }
    :host[loggedin] #prompt, :host[expanded] #prompt {
        opacity: 0;
    }
</style>

<template>
</template>

<script>
Polymer({is:'so-login', properties: {
    expanded: { type: String, default: "Test", reflectToAttribute: true }
}});
</script>

<so-login></so-login>

我在Chrome&amp;边缘,最新。我错过了什么?

1 个答案:

答案 0 :(得分:0)

我假设你在谈论“扩展”属性,我看不到元素属性对象中“loggedin”属性的证据。

而不是将其声明为字符串 - 在属性对象中将其声明为布尔值。默认值设置为value:true,而不是default:true(如果是字符串,则为true)。

如果它确实是一个字符串,你可能需要将它包含在元素的实例中; <so-login expanded="">