在Angular中使用Angular Material来创建一致高度的选项卡，可以使用Flex布局来实现。

首先，确保你已经安装了Angular Material，并在你的项目中导入所需的模块。

app.module.ts:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatTabsModule } from '@angular/material/tabs';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    MatTabsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

接下来，在你的组件模板中使用MatTabGroup和MatTab来创建选项卡。

app.component.html:

  
    

      Content of Tab 1
    
  
  
    

      Content of Tab 2
    
  
  
    

      Content of Tab 3
    
  

最后，在你的组件的CSS文件中，使用Flex布局来设置选项卡内容的高度为100%。

app.component.css:

.tab-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}

这样，所有的选项卡内容都会自动填充到父容器的高度，并且保持一致的高度。

请注意，上述代码只是一个示例，你可以根据你的实际需求进行调整和扩展。