angular - 如何在 AngularDart 中显示表格

Question

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

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

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

<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>

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

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

Answer 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 一起使用来创建表格

STACKBLITZ EXAMPLE