当我在模式中添加旋转木马时，关闭按钮在angular 6中不起作用

在Angular 6中，当您在模态框中添加旋转木马时，关闭按钮不起作用的原因可能是由于事件绑定或代码逻辑的问题。以下是一些可能的解决方案和建议：

1. 确保关闭按钮正确绑定了点击事件。在Angular中，可以使用(click)指令来绑定点击事件。例如，您可以将关闭按钮的HTML代码修改为：

<button (click)="closeModal()">关闭</button>

在上面的代码中，closeModal()是一个在组件中定义的关闭模态框的方法。

1. 在组件中实现关闭模态框的逻辑。在组件的代码中，确保closeModal()方法正确地关闭模态框。您可以使用Angular Material中的MatDialogRef来关闭模态框。以下是一个示例：

import { Component, Inject } from '@angular/core';
import { MatDialogRef } from '@angular/material/dialog';

@Component({
  selector: 'app-modal',
  templateUrl: './modal.component.html',
  styleUrls: ['./modal.component.css']
})
export class ModalComponent {

  constructor(public dialogRef: MatDialogRef<ModalComponent>) { }

  closeModal(): void {
    this.dialogRef.close();
  }

}

在上面的代码中，closeModal()方法通过调用dialogRef.close()来关闭模态框。

1. 确保旋转木马不会阻止关闭按钮的点击事件传播。如果旋转木马组件具有自己的点击事件处理逻辑，可能会阻止关闭按钮的点击事件传播。您可以尝试在关闭按钮上添加$event.stopPropagation()来阻止事件传播。例如：

<button (click)="closeModal(); $event.stopPropagation()">关闭</button>

在上面的代码中，$event.stopPropagation()会阻止点击事件继续传播到旋转木马组件。

1. 检查旋转木马组件的代码逻辑。如果以上解决方案都没有解决问题，您可能需要检查旋转木马组件的代码逻辑，确保它不会干扰关闭按钮的功能。

总结： 以上是解决在Angular 6中关闭按钮不起作用的一些常见解决方案和建议。请根据您的具体情况逐一尝试这些解决方案，并根据需要进行调整。如果问题仍然存在，您可能需要进一步检查和调试代码以找到问题的根本原因。