如何在 AngularDart 中显示表格答案

【问题标题】：How to display a table in AngularDart如何在 AngularDart 中显示表格
【发布时间】：2018-03-20 07:35:31
【问题描述】：

第一季度。 如何在 AngularDart 中显示表格？出于某种原因，我似乎无法在 Internet 上找到任何此类示例。

我对 JS 或 Dart 都不熟悉，我不确定它们是否兼容（可互换）。

在这一点上，任何桌子都可以，但最终第二季度的桌子会很好。我可以得到一个使用此代码的列表：

<material-list>
<material-list-item *ngFor="let item of items">
    {{item.property1}}
</material-list-item>
</material-list>

但是，如果我尝试使用来自 W3schools 的这段代码创建一个表格，它就不起作用了。

<table>
    <tr ng-repeat="item in items">
    <td>{{ item.property1 }}</td>
    <td>{{ item.property2 }}</td>
    </tr>
</table>

通过创建列表，我可以确认从项目中获取项目有效，所以它看起来像是语法或什么？如果你知道一个很棒的教程！

第二季度。虽然我在询问并假设我最终可以让它工作，但有谁知道是否可以在 AngularDart 而不是 AngularJS 中创建这样的表？ https://material.angular.io/components/table/examples

【问题讨论】：

【解决方案1】：

ng-repeat 是一种 angularjs 语法，而 ngFor 是最新的 Angular 版本语法，用于重复收集和渲染元素。

<tr *ngFor="let item of items">
    <td>{{ item.property1 }}</td>
    <td>{{ item.property2 }}</td>
</tr>

您可以在此处找到使用 angular-dart

创建表的示例

要回答您的第二个问题，您可以使用 angular-material 和 ngFor 来创建表格

【讨论】：

我在那个页面上看不到任何表格示例。
如果你能告诉我如何做问题 2，我会接受你的回答。
好吧，老实说我不明白那个代码。它似乎在打字稿中。我只做了 1 天的 dart 和 angular，而在此之前的一天才刚刚复习 js。所以我可以在飞镖中使用该代码？您回答了可能的问题，所以我会接受答案。也许我将不得不发布另一个关于如何做到这一点的问题。
你可以关注这个pub.dartlang.org/packages/angular2_material
是的，似乎还不支持该表。这是我之前的结论。没关系，现在一张普通的桌子就足够了，直到它们包括支持。我也去过那个组件页面。

【解决方案2】：

好的，我想我明白了。发布后这么快。如果我将表格更改为类似于列表，它似乎可以工作。

像这样：

<table>
<tr *ngFor="let item of items">
    <td>{{ item.property1 }}</td>
    <td>{{ item.property2 }}</td>
</tr>

所以这绝对是一个语法问题。仍然令人惊讶的是没有任何例子。另外，如果有人可以告诉我如何构建其中一张表（现在我假设没有），那么我仍然会接受您的回答。

【讨论】：