您可以稍微修改代码并使其工作。
将文件更改index.html
为如下所示:
<!DOCTYPE html>
<html>
<head>
<title>index</title>
<script src="packages/polymer/boot.js"></script>
</head>
<body>
<ul>
<template id="tmpl" bind>
<template repeat="{{}}">
<li>{{}}</li>
</template>
</template>
</ul>
<script type="application/dart" src="index.dart"></script>
</body>
</html>
你index.dart
应该看起来像这样(它没有改变):
import 'dart:html';
main() {
List fruits = ['apples', 'oranges', 'pears'];
query('#tmpl').model = fruits;
}
您绑定到包含repeat
注册模板的模板。{{}}
inrepeat="{{}}"
指的是绑定值。{{}}
中的指<li>{{}}</li>
的是列表中的每个项目。
希望这可以帮助。