如何在 AngularDart 中显示 table

Question

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

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

在这一点上，任何 table 都可以，但最终 Q2 中的那个会很好。我可以获得一个列表以使用此代码：

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

但是，如果我尝试使用来自 W3schools 的代码创建一个 table，它不起作用。

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

通过创建列表，我可以确认从项目中获取项目是否有效，所以它看起来像是语法之类的？如果您知道教程那就太好了！

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

Answer 1

好的，我想我明白了。发布后这么快。如果我将 table 更改为它似乎有效的列表。

像这样：

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

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

Answer 2

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

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

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

创建 table 的示例

要回答你的第二个问题，你可以使用 angular-material 和 ngFor 创建一个 table

How to display a table in AngularDart