关于在我的 Angular 2 应用程序中使用纸质数据表（ David Mulder 的纸质数据表），我一直在苦苦挣扎。
我面临的问题在数据表问题中进行了描述： 关于在 Angular 2 应用程序中使用表的问题已打开
基本上，在 angular2 中使用聚合物未记录的 dataHost 属性时会得到不正确的值。我尝试了几个角度的解决方案，但我无法使它们中的任何一个完全起作用：1）我试图找到一种方法来制造一种可以为我包裹桌子的聚合物元件，我试图从外面给它提供桌子的防御元素（作为有效子元素），然后将其从那里移除并将其重新添加到元素本地 dom。dataHost 的问题仍然存在，我什至发现 David 自己过去曾报告过这个问题（所以我猜我的解决方案无法正常工作，原因与导致 David 代码失败的原因相同） 关于将元素添加到 localdom 的问题数据主机 2）在我在大卫建议使用的问题开头发布的问题页面中。由于一个新的原因，这不起作用，这个dom-bind内部的内容甚至没有放在dom中，我想我可以将这与angular2以他的“自己的方式”读取模板标签并评论它们的事实联系起来如果它们没有任何意义（例如 [ngIf] 属性）。
我真的很感谢解决方案 1 或 2 或其他解决方案的帮助（我找不到可能在 angular 2 中工作的功能齐全的材料设计表，所以如果有一个我不知道它也是一个选项）
非常感谢您的帮助！:)
- - - - - - - - - - 更新 - - - - - - - - - - - - - - -
到目前为止我尝试过的一些代码示例：
<!-- Normal way of using the table, throws "Uncaught TypeError: Cannot set property '_pdt_getArrayItemLabel' of undefined" -->
<paper-datatable [data]="data" selectable multi-selection>
<paper-datatable-column header="Name" property="exmp" sortable editable>
<!--<template is="dom-bind">-->
<!--<paper-input value="{{data.exmp}}" no-label-float></paper-input>-->
<!--</template>-->
</paper-datatable-column>
</paper-datatable>
<!-- This code still throws "Uncaught TypeError: Cannot set property '_pdt_getArrayItemLabel' of undefined". I think
Becuase of the polymer issue I linked to about dataHost bug I linked to in polymer git hub (the one David opened)-->
<table-wrapper id="tableWrapper" is="dom-bind" [data]="data">
<paper-datatable [data]="data" selectable multi-selection>
<paper-datatable-column header="Name" property="exmp" sortable editable>
</paper-datatable-column>
</paper-datatable>
</table-wrapper>
<!-- The solution suggested by David in the data-table bug with angular 2 issue link. Could be really awosome if
I could get this to work, but for some reason, the template tag gets commented in the html and this code
is just removed from the dom, I think its related to the way angular 2 compiler deals with this template
tag-->
<template is="dom-bind">
<paper-datatable [data]="data" selectable multi-selection>
<paper-datatable-column header="Name" property="exmp" sortable editable>
</paper-datatable-column>
</paper-datatable>
</template>
这是我尝试实现表格包装器的方式：
<dom-module id="table-wrapper">
<template>
<!-- Using content tag will cause the exact same problem as not using the wrapper,
since it will become an effective child and not a real one-->
<!--<content></content>-->
</template>
<script>
Polymer({
is: 'table-wrapper',
attached: function() {
debugger;
var element = Polymer.dom(this);
var child = element.removeChild(this.children[0]);
var root = Polymer.dom(this.root);
root.appendChild(child);
// Though this should work, the dataHost property isnt correct, like stated in the issue that
// David opened in the polymer project
}
});
</script>
</dom-module>
同样重要的是，使用表的代码位于某个组件中，在该组件中，我将数据属性定义为公共属性，因此我可以将其数据绑定到表数据（我总是需要在我的组件，并且总是需要从组件传递参数和数据，如果有替代方法可以使用也可以与解决方案一起使用的绑定，那么它也很好