Question

说我有一个重复的模板：

<template bind repeat id='my-template'>
    This is the bound value: <span id="#myid[x]"> {{}} </span>
</template>

我能用这个替换[x]会有什么独特之处吗？访问循环计数器可以解决问题，但我愿意接受建议。

Answer 1

我正在为Fancy Syntax添加一些实用程序（现在是Polymer.dart的默认绑定语法）来帮助解决这个问题，但基本的概要是通过一个过滤器来运行你的集合，这个过滤器将添加索引并返回一个新的Iterable。

以下是一些现在可以执行此操作的代码：

import 'package:fancy_syntax/fancy_syntax.dart';
import 'package:mdv/mdv.dart';

Iterable<IndexedValue> enumerate(Iterable iterable) {
  int i = 0;
  return iterable.map((e) => new IndexedValue(i++, e));
}

class IndexedValue<V> {
  final int index;
  final V value;

  IndexedValue(this.index, this.value);
}

main() {
  query('#my-template')
    ..bindingDelegate = new FancySyntax(globals: {
      'enumerate': enumerate,
    })
    ..model = ['A', 'B', 'C'];
}

<template bind id='my-template'>
  <template repeat="{{ item in this | enumerate }}">
    This is the bound value: <span id="#myid-{{ item.index }}">{{ item.value }}</span>
  </template>
</template>

我正在尝试将一堆像Python的itertools这样的实用程序放到一个库中，用于这样的用途。我会在它们可用时更新。

在聚合物飞镖中，我如何计算重复模板内部

1 个答案: