要使用Angular Material的Mat-List-Option多选框列表获取数据,可以按照以下步骤进行操作:
npm install @angular/material @angular/cdk @angular/animations
import { MatListModule } from '@angular/material/list';
import { MatCheckboxModule } from '@angular/material/checkbox';
@NgModule({
imports: [
MatListModule,
MatCheckboxModule
]
})
export class AppModule { }
{{ option }}
export class AppComponent {
options = ['Option 1', 'Option 2', 'Option 3'];
selectedOptions: string[] = [];
// 在组件的其他方法中可以通过访问selectedOptions数组来获取选中的选项
}
这样,当用户在多选框列表中选择或取消选择选项时,selectedOptions数组会自动更新,可以通过访问该数组来获取用户选择的数据。
请注意,为了使ngModel生效,需要在组件中导入FormsModule:
import { FormsModule } from '@angular/forms';
@NgModule({
imports: [
FormsModule
]
})
export class AppModule { }
这样就可以使用Angular Material的Mat-List-Option多选框列表获取数据了。