我有简单的聚合物元素:
<link rel="import" href="packages/polymer/polymer.html">
<polymer-element name="click-counter">
<template>
<style>
div {
font-size: {{size}}pt;
}
#btn {
background-image: url({{img}});
}
</style>
<div style="" id="btn">div</div>
</template>
<script type="application/dart" src="clickcounter.dart"></script>
import 'package:polymer/polymer.dart';
@CustomTag('click-counter')
class ClickCounter extends PolymerElement {
@observable int size = 24;
@observable String img = "some_img.png";
ClickCounter.created() : super.created() {}
}
适用于聚合物0.9.5包,但升级到0.11.0 + 5后,background-image
的网址设置错误为%7B%7Bimg%7D%7D
。第二个可观察的size
在模板中仍然具有正确的值。
值得一提的是,当我将background-image
属性设置为内联样式时,问题不存在。是错误还是我做错了什么?