问题标签 [ngfor]

我正在从后端（api）获取 json 数据。我想用 ngFor 显示这个。我从控制台收到一条错误消息，例如： “找不到不同的支持对象 '[object Object]'” 。

后来我试过这个：

然后在我看来：

这次我没有收到错误，但没有显示值{{detail.creator.email}}

来自后端的数据

提前致谢

所以我遇到了一些奇怪的事情。

我有两个由 ngFor 生成的列表。第一个有可点击的项目。另一个项目只是应该根据第一个列表中的事件来适应不同的类。

发生的情况是，一旦我附加了 ngClass，可点击列表中的所有项目，但最后一个项目都被禁用。

有什么可能出错的想法吗？

HTML：

打字稿：

我有带有卡片（任务）的简单列表（任务）。当我删除任务时，会调用确认对话框。如果用户确认删除，则进行 http 调用。如果成功，变量 isDeleted 设置为 true 并发送到列表项以切换类。这里我遇到几个问题：

1. 如果我单击一个项目并且不删除它（确认后我选择“否”），然后我单击另一个项目并删除它 - 这两个项目都获得了类（为什么？id 不同）。

   /li>

如果用户单击按钮，则调用以下函数：

2. 如何为我删除的项目添加淡出动画？

ps 如果您需要更多代码或完整代码 - 请告诉我！

提前致谢！

我正在将 API 调用中的一些值显示到 ngFor 指令中。我正在尝试将数据转换为数组。这是我从服务器得到的：

来自服务器的数据

我订阅这样的数据：

我以这种方式显示我的数据：

如何把这个对象变成一个数组？

我正在编写有关 Angular 的教程，以下行出现“期望换行符或分号”错误：

代码运行良好，如何让 Webstorm 忽略该错误？以下是有错误的模板的全文：

当我将我的应用程序移动到 Angular2 时，我的 JSON 数组中的过滤器出现问题。在 Angular 1.x 中，这更容易。我'unique'在过滤器中使用，这会删除所有重复项。

应用：

部分html代码：

结果是：

我想得到结果：

如何从数组中删除重复项？

我有一个 History 组件，其中包含一个HistoryEntries.

HistoryComponent好像：

HistoryComponent 类看起来像：

然后我有一个 HistoryEntryComponent：

和一个班级：

如果我渲染它，什么都不会出现。我已经使用 a<li>来显示 id 和描述，这与预期的一样。但当然HistoryEntry它本身可能会变得非常复杂，需要自己的逻辑等。所以必须有一种方法来呈现<historyentry>模板给定的内容，不是吗？

在 WPF 中，我会说HistoryEntry是一个UserControl带有它自己的ViewModel附件。

在 Angular 1.x 中，以下代码可以在我想单击并翻转 ng-repeat 内的卡片时工作

但是在 Angular 2 中单击时，它会翻转 ngFor 循环内的每个“卡片”...如何仅将 ngClass 条件绑定到元素本身？

我是 Angular 2 的新手，我不知道为什么我的指令不起作用。

这是我的指令：

我的 HTML：

所以我希望我的 init 语句在重复完成后运行。当我在 if 语句之前记录 'this.last' 时，它给了我 false 然后 true 用于最后的重复，这是正确的。但是，我的 if 语句失败了……为什么？我究竟做错了什么？还是有更好的方法来做到这一点？

谢谢！

我有一个如下的数据结构： testResults: { children: [ { type: "testGroup", name: "group-1", result: "pass" children: [ { type: "testGroup", // nested test group name: "group-1-1", result: "pass", children: [ { type: "testCase", name: "case-1-1-1", result: "pass", children: [ { type: "testBlock", name: "testblock-1-1-1-1", result: "pass" }, { type: "testBlock", name: "testblock-1-1-1-2", result: "pass" } ] } ] } ] } ] } 测试组可以嵌套很多级别。例如：

- 测试组 1

---儿童测试组1-1

-----child孩子测试组1-1-1

-------child child 孩子测试组1-1-1-1

---------测试用例1-1-1-1-1

------------测试块1-1-1-1-1-1

请注意，嵌套组的数量会有所不同。

我想在下表中显示这个数据结构：

是否可以在不编写任何 js 代码的情况下在 angularjs 2.0 中完成它？

如果没有 js 代码，我的意思是只使用 angularjs 2.0 指令（例如 ngFor.）。

我试过使用 ngFor 如下，但它会弄乱 DOM 结构： <tr *ngFor="let item of data.testResults.children; let i = index"> <td>{{item.name}}</td> <td>{{item.result}}</td> <div *ngIf="item.children && item.children.length > 0"> <tr *ngFor="let s1 of item.children; let i1 = index "> <td>{{s1.name}}</td> <td>{{s1.result}}</td> </tr> </div> </tr> 即使上面的代码有效，我仍然不知道应该使用多少嵌套的 ngFor 指令。

所以我想知道 angularjs 2.0 中是否有任何相当于 WPF HierarchicalDataTemplate 和 DataTemplate 的东西？