可以在 Angular 4 中使用 ngForIn 吗？
在 Angular 4 中，我们可以使用 ngFor 指令来循环遍历数组或对象，但是并没有内置的 ngForIn 指令。不过，我们可以通过自定义指令的方式来实现类似的功能。本文将介绍如何在 Angular 4 中实现 ngForIn 的效果，并提供一个案例代码。实现 ngForIn 的自定义指令首先，我们需要创建一个自定义指令来实现 ngForIn 的功能。在 Angular 中，我们可以通过 @Directive 装饰器来定义一个指令。下面是一个示例的 ngForIn 指令的实现：typescriptimport { Directive, Input, TemplateRef, ViewContainerRef } from '@angular/core';@Directive({ selector: '[ngForIn]'})export class NgForInDirective { @Input('ngForIn') ngForIn: any; constructor( private templateRef: TemplateRef, private viewContainer: ViewContainerRef ) {} ngOnInit() { for (let key in this.ngForIn) { if (this.ngForIn.hasOwnProperty(key)) { this.viewContainer.createEmbeddedView(this.templateRef, { $implicit: this.ngForIn[key], key: key }); } } }} 在上面的代码中，我们定义了一个名为 NgForInDirective 的指令。该指令接受一个名为 ngForIn 的输入属性，用于传入要遍历的对象。在 ngOnInit 生命周期钩子中，我们使用 for...in 循环遍历对象的属性，并使用 createEmbeddedView 方法来创建嵌入视图。在这个嵌入视图中，我们可以通过 $implicit 变量来访问当前对象的属性值，通过 key 变量来访问当前属性的键值。在模板中使用 ngForIn 指令接下来，我们将在一个组件的模板中使用 ngForIn 指令来循环遍历一个对象，并展示其属性和对应的值。下面是一个使用 ngForIn 指令的示例代码：html在上面的代码中，我们使用了 ngFor 指令来循环遍历一个名为 data 的数组，然后在 ngFor 的循环体中使用 ngForIn 指令来遍历每个数组元素的属性。在循环体中，我们使用 strong 标签来为每个属性添加标题，并通过 $implicit 变量来显示属性的值。尽管 Angular 4 中没有内置的 ngForIn 指令，但我们可以通过创建自定义指令来实现类似的功能。本文介绍了如何在 Angular 4 中实现 ngForIn 的效果，并提供了一个案例代码。通过使用自定义指令，我们可以很方便地在 Angular 4 中循环遍历对象的属性，并展示它们的值。{{ key }}: {{ $implicit }}