添加了自定义组件,list-select:
import 'package:polymer/polymer.dart';
@CustomTag('list-select')
class ListSelect extends PolymerElement {
List<String> intls = const ["enUS", "nlNL"];
ListSelect.created() : super.created();
}
使用html
<polymer-element name="list-select">
<template>
<style>
</style>
<div>
<select>
<option template iterate="item in intls">{{item}}</option>
</select>
</div>
</template>
<script type="application/dart" src="list-select.dart"></script>
</polymer-element>
在{{myappname}}。html中,我添加了两行:
<link rel="import" href="list-select.html">
和
<list-select></list-select>
但是,我的选择保持为空。我忘了什么?
答案 0 :(得分:1)
Polymer中没有iterate
,{{}}
缺失。
<option template iterate="item in intls">{{item}}</option>
应该是
<template repeat="{{item in intls}}"
<option >{{item}}</option>
</template>
在某些浏览器中,有一些元素(例如<tr>
)不允许其中包含<template>
等其他元素。
支持的解决方法是添加template repeat
属性。
<tr template repeat="{{item in intls}}"><td>{{item}}</td></tr>
但通常您会为<template>
和repeat
使用if
标记。