PrimeNG OrderList 按钮删除

Question

我尝试从组件 orderList 中删除顶部和底部按钮。

我唯一想到的就是使用 css。我尝试通过图标属性选择它们，但没有成功。

我的CSS是在primeng css文件之后加载的：

button[icon="fa-angle-double-up"] {
    display: none;
}

button[ng-reflect-icon="fa-angle-double-up"] {
    display: none;
}

我的组件：

@Component({
    template: `<p-orderList></p-orderList>`,
    styles: [`
        button[icon="fa-angle-double-up"] {
            display: none;
        }
        button[ng-reflect-icon="fa-angle-double-up"] {
            display: none;
        }
    `],

    encapsulation: ViewEncapsulation.None
})

那么还有另一种方法可以删除我想要的按钮，或者通过 css 执行此操作的正确方法是什么？

Answer 1

尝试

button[icon="fa-angle-double-up"] {
    display: none !important;
}

另一种选择：扩展primeng组件并重新定义html模板。