css背景图像路径中的可观察属性

时间:2014-07-28 18:45:15

标签: dart dart-polymer

我有简单的聚合物元素:

<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属性设置为内联样式时,问题不存在。是错误还是我做错了什么?

0 个答案:

没有答案