以角度(*ngfor)遍历对象数组，并在单击按钮之前一次仅显示一个对象

以角度(*ngfor)遍历对象数组，并在单击按钮之前一次仅显示一个对象，可以通过以下步骤实现：

1. 首先，确保你已经安装了Angular框架，并创建了一个新的Angular项目。
2. 在组件的HTML模板中，使用*ngFor指令来遍历对象数组。例如，假设你有一个名为objects的对象数组，可以使用以下代码：

<div *ngFor="let object of objects">
  {{ object.property }}
</div>

在上面的代码中，objects是你的对象数组，object.property是你想要显示的对象属性。

1. 为了在单击按钮之前一次仅显示一个对象，你可以使用一个变量来跟踪当前显示的对象的索引。在组件的类中，声明一个名为currentIndex的变量，并将其初始化为0。

currentIndex: number = 0;

1. 在HTML模板中，使用currentIndex变量来控制显示的对象。你可以使用条件语句来检查当前对象的索引是否等于currentIndex，如果是，则显示该对象。

<div *ngFor="let object of objects; let i = index">
  <div *ngIf="i === currentIndex">
    {{ object.property }}
  </div>
</div>

1. 添加两个按钮，一个用于向前切换对象，一个用于向后切换对象。在按钮的点击事件处理程序中，更新currentIndex变量的值。

<button (click)="previousObject()">Previous</button>
<button (click)="nextObject()">Next</button>

previousObject() {
  if (this.currentIndex > 0) {
    this.currentIndex--;
  }
}

nextObject() {
  if (this.currentIndex < this.objects.length - 1) {
    this.currentIndex++;
  }
}

在上面的代码中，previousObject()函数将currentIndex减1，nextObject()函数将currentIndex加1。同时，通过检查currentIndex的值，确保不会超出对象数组的索引范围。

这样，当你点击"Previous"按钮时，将显示上一个对象；当你点击"Next"按钮时，将显示下一个对象。每次只显示一个对象，直到点击按钮切换到下一个对象。

请注意，以上代码示例中没有提及具体的腾讯云产品和链接地址，因为这些与问题的解决方案无关。你可以根据实际需求选择适合的腾讯云产品来支持你的应用程序。