要创建一个带有列的Angular Material选择框,可以使用Angular Material的MatSelect组件结合MatOption组件和MatOptionGroup组件。 以下是一个示例代码:
npm install @angular/material @angular/cdk
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { FormsModule } from '@angular/forms';
import { MatSelectModule } from '@angular/material/select';
import { MatOptionModule } from '@angular/material/core';
@NgModule({
imports: [
BrowserModule,
BrowserAnimationsModule,
FormsModule,
MatSelectModule,
MatOptionModule
],
declarations: [],
bootstrap: [AppComponent]
})
export class AppModule { }
选择框
选项1
选项2
选项3
选项4
这是一个基本的示例,您可以根据需要进行自定义和样式调整。