当按钮点击时，组件的ngOnInit或构造函数会执行多次的原因可能是因为每次点击按钮都会重新创建组件实例。解决方法可以通过以下两种方式来解决：

1. 使用*ngIf指令来控制组件的显示与隐藏，并在按钮点击时切换其状态，这样组件就不会被重复创建。

import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    Toggle Component

    

      
    
  `,
})
export class ExampleComponent {
  showComponent = false;

  toggleComponent() {
    this.showComponent = !this.showComponent;
  }
}

2. 使用一个标志变量来控制组件的初始化逻辑，当按钮点击时，只执行初始化逻辑一次。

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    Initialize Component
    

      
    
  `,
})
export class ExampleComponent implements OnInit {
  isInitialized = false;

  ngOnInit() {
    if (this.isInitialized) {
      return;
    }

    // 组件的初始化逻辑
    this.isInitialized = true;
  }

  initializeComponent() {
    this.ngOnInit();
  }
}

以上是两种解决方法，你可以根据具体情况选择适合你的方式来解决组件的ngOnInit或构造函数多次执行的问题。