要从父组件访问子组件的子组件，可以使用@ViewChild装饰器来引用子组件的实例。以下是一个实例：

在子组件的子组件中，我们将其命名为grandchild.component.ts：

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

@Component({
  selector: 'app-grandchild',
  template: `
    
Grandchild Component
  `
})
export class GrandchildComponent {}

在子组件中，我们将GrandchildComponent作为ViewChild进行引用：

import { Component, ViewChild, AfterViewInit } from '@angular/core';
import { GrandchildComponent } from './grandchild.component';

@Component({
  selector: 'app-child',
  template: `
    
Child Component
    
  `
})
export class ChildComponent implements AfterViewInit {
  @ViewChild(GrandchildComponent) grandchildComponent: GrandchildComponent;

  ngAfterViewInit() {
    console.log(this.grandchildComponent); // 访问子组件的子组件实例
  }
}

在父组件中，我们将ChildComponent作为ViewChild进行引用：

import { Component, ViewChild, AfterViewInit } from '@angular/core';
import { ChildComponent } from './child.component';

@Component({
  selector: 'app-parent',
  template: `
    
Parent Component
    
  `
})
export class ParentComponent implements AfterViewInit {
  @ViewChild(ChildComponent) childComponent: ChildComponent;

  ngAfterViewInit() {
    console.log(this.childComponent); // 访问子组件实例
    console.log(this.childComponent.grandchildComponent); // 访问子组件的子组件实例
  }
}

现在，当父组件被加载时，它将访问子组件的实例，并通过子组件的实例访问子组件的子组件的实例。

希望以上代码能够帮助你解决问题！