Question

Q1。 如何在AngularDart中显示表格？我出于某种原因似乎无法在互联网上找到任何这样的例子。

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

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

<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是重复收集和渲染元素的最新角度版本sytax。

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

在这里，您可以找到使用 angular-dart

创建表格的示例

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

Answer 2

好的，我想我明白了。发布后不久。如果我将表更改为列表似乎可以正常工作。

像这样：

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

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