在polymer.dart中绑定表
在polymer.dart中绑定表
提问于 2013-08-14 08:53:45
如果不使用自定义元素，则无法将模型绑定到表。自定义元素工作正常，但当我尝试手动绑定模型而不创建自定义组件时，不会显示任何数据。有什么想法吗？
custom_table.html
<!DOCTYPE html>
<html>
<body>
<polymer-element name="custom-table" extends="div" apply-author-styles>
<template>
<table>
<tbody>
<tr template repeat="{{people}}">
<td>{{firstName}}</td>
<td>{{lastName}}</td>
</tr>
</tbody>
</table>
</template>
<script type="application/dart" src="custom_table.dart"></script>
</polymer-element>
</body>
</html>custom_table.dart
import 'package:polymer/polymer.dart';
class Person {
String firstName;
String lastName;
Person(this.firstName, this.lastName);
}
@CustomTag('custom-table')
class CustomTable extends PolymerElement with ObservableMixin {
List people = [new Person('Bob', 'Smith'), new Person('Alice', 'Johnson')];
}没有自定义元素版本：
polymer_test.html
<!DOCTYPE html>
<head>
<script src="packages/polymer/boot.js"></script>
</head>
<html>
<head>
<meta charset="utf-8">
<title>Polymer test</title>
<link rel="stylesheet" href="polymer_test.css">
</head>
<body>
<h1> Table test </h1>
<template id="tableTemplate" repeat>
<table>
<tbody>
<tr template repeat="{{ people }}">
<td>{{firstName}}</td>
<td>{{lastName}}</td>
<tr>
</tbody>
</table>
</template>
<script type="application/dart" src="polymer_test.dart"></script>
</body>
</html>polymer_test.dart
import 'dart:html';
import 'package:polymer/polymer.dart';
import 'package:fancy_syntax/syntax.dart';
class Person {
String firstName;
String lastName;
Person(this.firstName, this.lastName);
}
class Message extends Object with ObservableMixin {
List<Person> people = toObservable([new Person('Bob', 'Smith'), new Person('Alice', 'Johnson')]);
}
main() {
var msgModel = new Message();
TemplateElement template = query('#tableTemplate');
template.bindingDelegate = new FancySyntax();
template.model = msgModel;
}回答 3
Stack Overflow用户
回答已采纳
发布于 2013-09-10 12:57:02
在我的模板定义中缺少绑定属性。相反，我错误地重复了。它应该是：
<template id="tableTemplate" bind>而不是：
<template id="tableTemplate" repeat>Stack Overflow用户
发布于 2013-08-14 19:15:10
把这个添加到main中有帮助吗？
void main() {
initPolymer([], () {
// put existing main code in here
});
}polymer/boot.js应该能做到这一点，但我认为，除非页面中至少有一个聚合物元素(这是一个bug)，否则它不会出现。
或者，您可以向HTML中添加一个虚拟的<polymer-element>。这样就能解决问题。
Stack Overflow用户
发布于 2013-11-07 05:41:18
你能试试吗
templateBind(query('#tableTemplate'))
..bindingDelegate = new FancySyntax()
..model = msgModel;请参阅binding.html#templateBind
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18227193
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号