要将组件内部的div与外部div的高度匹配，可以使用Angular的ViewChild装饰器和ElementRef类来获取外部div的高度并将其应用到内部div。

首先，在组件的HTML模板中，将外部div标记为一个模板引用变量，如下所示：

然后，在组件的代码中，使用ViewChild装饰器和ElementRef类来获取外部div的引用和高度，并将其应用到内部div的样式中。

import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponentComponent implements AfterViewInit {
  @ViewChild('outerDiv') outerDiv: ElementRef;
  @ViewChild('innerDiv') innerDiv: ElementRef;

  constructor() {}

  ngAfterViewInit() {
    const outerDivHeight = this.outerDiv.nativeElement.offsetHeight;
    this.innerDiv.nativeElement.style.height = outerDivHeight + 'px';
  }
}

在上面的代码中，我们使用ViewChild装饰器分别获取了外部div和内部div的引用。然后，在ngAfterViewInit生命周期钩子中，我们获取外部div的高度，并将其应用到内部div的样式中。

请注意，我们需要在ngAfterViewInit生命周期钩子中操作DOM元素，因为在这个生命周期钩子触发时，Angular已经渲染了组件的视图，并且我们可以安全地访问DOM元素。

最后，确保在组件的模板中使用了正确的选择器，以及在组件的样式文件中定义了内部div的样式。

/* your-component.component.css */
div#innerDiv {
  /* 你的样式 */
}

这样，内部div的高度就会与外部div的高度匹配了。