data-binding - core-list-dart 模板如何绑定(bind)到模型本身

Question

我正在使用 <core-list-dart>我的 Polymer Dart 应用程序中的元素:

<core-list-dart data="{{data}}">
  <template>
        <span>{{name}}</span>
  </template>
</core-list-dart>

Data 是 Foo 的数组，其中 Foo 是:

class Foo {
  String name;
  ...
}

有可能在模板中引用 Foo 实例而不是他的字段吗？

就像是:

<core-list-dart data="{{data}}">
  <template>
        <foo-element foo="{{ITEM}}"></foo-element>
  </template>
</core-list-dart>

Answer 1

从版本 0.4.0 core_elements 模型公开为model模板中的变量。

旧回复 :

要绑定(bind)项目，您可以使用 {{}} @Günter Zöchbauer 回答中解释的注释:

<foo-element foo="{{}}"></foo-element>

问题是数组中的元素是由 ListModel 类包装的。无法访问“真实”元素(也许可以修改库以提供这种可能性)。

解决方法是给模型对象(Foo)添加一个 getter，如下所示:

class Foo {
 String name;
 Foo get self => this;
 ...
}

所以在模板中你可以这样做:

<foo-element foo="{{self}}"></foo-element>