要在Angular Material中使用Flex布局，并使其内部具有滚动功能，可以使用以下步骤：

1. 首先，确保已经安装了Angular Material和Flex布局。可以使用以下命令进行安装：

npm install @angular/material @angular/cdk @angular/flex-layout

2. 在app.module.ts文件中导入所需的模块：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FlexLayoutModule } from '@angular/flex-layout';
import { MatCardModule } from '@angular/material/card';

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

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

3. 在组件的HTML模板中使用Flex布局，并为其添加一个固定高度和overflow: auto样式：

4. 在这个div中添加内容，以便内容超过所设置的高度时出现滚动条：

这样，当内容超过300px高度时，该div将显示一个垂直滚动条。

希望这个解决方案对你有所帮助！