聚合物 Dart 核心样式参考未解决

Question

当我将参数传递给 Polymer 元素时，核心样式 ref 没有得到解析。

这是子代码：

<link rel="import" href="packages/polymer/polymer.html">
<link rel="import" href="packages/core_elements/core_style.html">

<core-style id="s1" unresolved> div { background: yellow; } </core-style>
<core-style id="s2" unresolved> div { background: pink;   } </core-style>

<polymer-element name='test-cell' attributes='s t' noscript>
  <template>
      <core-style ref="{{s}}"></core-style>
      <div>{{t}}</div>
  </template>
</polymer-element>

如您所见，有两种核心样式。

这是父代码。它接受一个 List 并使用文本和样式引用实例化“test-cell”。

<polymer-element name='test-rows'>
  <template>
    <template repeat='{{ v in x }}'>
      <test-cell s={{v.s}} t={{v.t}}></test-cell>
    </template>
  </template>
</polymer-element>

在这个简单的例子中，Dart 代码是内联的。这里是：

  <script type='application/dart'>
    import  'package:polymer/polymer.dart';

    //======================================
    class Info {
      String  s, t;
      Info(this.s, this.t) {}
      }
    //======================================
    @CustomTag('test-rows')
    class TestRows extends PolymerElement {

      @observable List<Info> x = toObservable([]);

      //-----------------------------------
      TestRows.created() : super.created() {
        x.add(toObservable(new Info('s1', 'first' )));
        x.add(toObservable(new Info('s2', 'second')));
        }
      }
  </script>

在生成的 HTML 中，文本通过 OK，但核心样式实例都有

ref="{{s}}"

并且不应用样式。我可以通过一些替代注释强制解析样式参考参数吗？它本质上是一个 final/const。

Answer 1

更新

我认为问题在于您的test-cell 元素中的noscript。
据我所知，在没有支持脚本 (noscript) 的情况下，绑定在 Dart 中无法使用 Polymer 元素。

我认为在您的情况下，<test-cell> 元素需要一个字段

@observable
var s;

使这项工作。

原创

您的代码不会显示您是否曾为 s 赋值。

我怀疑toObservable 是否适用于普通的 Dart 对象。据我所知，这是针对列表和地图的。

Info 类应如下所示，您无需使用 toObservable()。

  class Info extends Object with Observable {
    @observable
    String  s;

    @observable 
    String t;

    Info(this.s, this.t) {}
  }