如何隐藏和显示来自循环的部分点击按钮-角度8

在Angular 8中，要隐藏和显示来自循环的部分，可以使用*ngIf指令和一个布尔变量来控制显示和隐藏。

首先，在组件的.ts文件中定义一个布尔变量，例如isHidden，初始值为false。

isHidden: boolean = false;

然后，在模板文件的循环部分中，使用*ngIf指令来根据isHidden变量的值来决定是否显示该部分。

<div *ngFor="let item of items">
  <div *ngIf="!isHidden">
    <!-- 循环部分的内容 -->
    {{ item }}
  </div>
</div>

接下来，在模板文件中添加一个按钮，通过点击按钮来切换isHidden变量的值，从而实现隐藏和显示的效果。

<button (click)="toggleHidden()">隐藏/显示</button>

最后，在组件的.ts文件中定义toggleHidden()方法，用于切换isHidden变量的值。

toggleHidden() {
  this.isHidden = !this.isHidden;
}

这样，当点击按钮时，循环部分的内容就会隐藏或显示。

关于Angular 8的更多信息和详细介绍，您可以访问腾讯云的Angular产品页面：Angular - 腾讯云