要实现Angular材料的多选功能,可以按照以下步骤进行:
ng add @angular/material
import { MatSelectModule } from '@angular/material/select';
import { ReactiveFormsModule } from '@angular/forms';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule } from '@angular/material/input';
import { MatCheckboxModule } from '@angular/material/checkbox';
{{item}}
import { FormControl } from '@angular/forms';
// ...
items = ['项目1', '项目2', '项目3', '项目4'];
selectedItems = new FormControl();
selectedItems.valueChanges.subscribe(value => {
console.log(value); // 打印用户选择的项目
});
请注意,上述代码示例假定你的应用已正确设置并配置了Angular Material库。如果你还没有设置,请按照官方文档中的指导进行设置。