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模板。