在Angular 5中重新加载所有子组件的数据，可以通过使用ChangeDetectorRef和ngOnChanges生命周期钩子来实现。下面是一个示例代码：

1. 在父组件中，创建一个方法来重新加载子组件数据：

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

@Component({
  selector: 'app-parent',
  template: `
    
    Reload Data
  `,
})
export class ParentComponent implements OnInit {
  data: any;

  constructor(private cdRef: ChangeDetectorRef) {}

  ngOnInit() {
    this.reloadData();
  }

  reloadData() {
    // 根据实际情况获取新的数据
    this.data = { ... };
    this.cdRef.detectChanges(); // 手动触发变更检测
  }
}

2. 在子组件中，使用ngOnChanges生命周期钩子来监听数据变化并重新加载：

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

@Component({
  selector: 'app-child',
  template: `
    
{{ data }}
  `,
})
export class ChildComponent implements OnChanges {
  @Input() data: any;

  ngOnChanges() {
    // 在数据变化时重新加载子组件数据
    this.reloadData();
  }

  reloadData() {
    // 根据实际情况重新加载数据
    // ...
  }
}

这样，当点击"Reload Data"按钮时，父组件的reloadData方法会重新获取新的数据，并通过ChangeDetectorRef手动触发变更检测，更新父组件和子组件的数据。子组件会通过ngOnChanges监听到数据变化，并重新加载数据。