我在dart中定义了一个如下所示的类:

class Page extends Object with Serializable {
  String name;

  Page(this.name);

  String toString() {
    return name;
  }
}

以及定制的聚合物元素,其结构如下:

<polymer-element name="sidebar-list">
  <template>
    <ul>
      <template repeat="{{page in pages | enumerate}}">
        <li>{{page.value}}</li> // what do I call here to get the name of the page?
      </template>
    </ul>
  </template>
</polymer-element>

以及定义聚合物对象的方法:

@CustomTag('sidebar-list')
class SidebarList extends PolymerElement {
  final List<Page> pages = <Page>[new Page('Page 1'), new Page('Page 2'), new Page('Page 3')];

  SidebarList.created() : super.created();
}
Pages是在自定义聚合物中定义的Page的列表。

我的问题是:如何从聚合物元素占位符引用类内的方法?我尝试了所有合乎逻辑的事情,例如{{page.value.toString()}}{{page.value.name}}{{page.name}},但没有任何效果。

有趣的是,如果列表是字符串而不是页面,则{{page.value}}返回预期的字符串。

这有可能吗?

非常感谢您的帮助!如果需要,我可以提供任何澄清。

最佳答案

| enumerate一起使用

<li>{{page.value.name}}</li>

没有| enumerate
<li>{{page.name}}</li>

如果您不初始化字段,例如

final List<Page> pages = <Page>[new Page('Page 1'), new Page('Page 2'), new Page('Page 3')];

您需要添加@observable,以便Polymer识别何时分配了新值。

@observable
final List<Page> pages;

关于dart - 从重复列表中的自定义对象访问数据,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/26128452/

10-11 23:00
查看更多