在Angular中实现下拉筛选按钮可以使用ng-bootstrap库中的Dropdown组件。以下是一个示例代码:
npm install --save @ng-bootstrap/ng-bootstrap
import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
@NgModule({
imports: [NgbDropdownModule],
// ...
})
export class YourModule { }
filterByCondition(condition: string) {
// 根据条件执行筛选操作
console.log('筛选条件:', condition);
// ...
}
以上代码演示了一个简单的下拉筛选按钮,当用户点击按钮时,会弹出一个下拉菜单,点击菜单项会触发相应的筛选操作。你可以根据自己的需求对下拉菜单的样式和筛选操作进行调整。