从angular 2/4中的另一个组件通过单击按钮重新加载组件

在Angular 2/4中，可以通过单击按钮重新加载另一个组件。这可以通过以下步骤实现：

首先，在Angular应用程序中创建两个组件，例如ComponentA和ComponentB。
在ComponentA的模板中，添加一个按钮，并绑定一个点击事件。
在ComponentA的组件类中，定义一个方法，该方法会在按钮点击时被调用。
在该方法中，使用Angular的路由器（Router）导航到ComponentB。

以下是一个示例代码：

在ComponentA的模板中：

<button (click)="reloadComponentB()">重新加载ComponentB</button>

在ComponentA的组件类中：

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

@Component({
  selector: 'app-component-a',
  templateUrl: './component-a.component.html',
  styleUrls: ['./component-a.component.css']
})
export class ComponentAComponent implements OnInit {

  constructor(private router: Router) { }

  ngOnInit(): void {
  }

  reloadComponentB(): void {
    this.router.navigateByUrl('/component-b', { skipLocationChange: true }).then(() => {
      this.router.navigate(['/component-b']);
    });
  }
}

在上述代码中，reloadComponentB()方法使用Angular的路由器导航到ComponentB。通过调用this.router.navigateByUrl('/component-b')，我们可以导航到ComponentB的URL。{ skipLocationChange: true }选项用于确保URL的变化不会影响浏览器的历史记录。

请注意，上述示例中的路由导航是基于Angular的内置路由器。如果您使用的是其他路由库或框架，可能需要相应地调整代码。

关于Angular的路由器和导航的更多信息，请参考腾讯云的Angular文档：