[英]Data passing to a polymer element incomplete
请原谅新手问题,我已经被添加到使用Polymer的项目中,但是我无法弄清楚我做错了什么。
我有以下组件:
<template>
<div class="hb-graph">
<h3 class="hb-graph__headline">[[headline]]</h3>
<div class="hb-graph__container">
<div class="hb-graph__graph"
style="width:[[barWidth]]%">
</div>
<div class="hb-graph__rates">
<span class="hb-graph__bar-value">
[[barValue]]
</span>
<span class="hb-graph__bar-value-rate">
[[barValueRate]]
</span>
</div>
<span class="hb-graph__beginning-range hb-graph__range">
0
</span>
<span class="hb-graph__final-range hb-graph__range">
[[maxValue]]
</span>
</div>
</div>
</template>
<script>
Polymer({
is: "horizontal-bar-graph",
properties: {
headline: String,
maxValue: String,
barValue: String,
barValueRate: String,
barWidth: Number
}
});
</script>
当我将此元素加载到html模板中时,呈现在最终产品中的唯一值是标题。
<horizontal-bar-graph headline="Total Current Flow"
maxValue="4000"
barValue="3,300"
barValueRate="m3/h"
barWidth=82.5>
</horizontal-bar-graph>
为什么其他值在渲染时不显示?
在这里,您可以找到有关它的文档。
通过在每个破折号后面使用大写字母,然后删除破折号,将带有破折号的属性名称转换为camelCase属性名称。 例如,属性名字映射到名字。
因此,这应该工作:
<horizontal-bar-graph headline="Total Current Flow"
max-value="4000"
bar-value="3,300"
bar-value-rate="m3/h"
bar-width=82.5>
</horizontal-bar-graph>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.