设计第三方角度组件

时间:2017-11-07 08:10:31

标签: css angular styling

在第三方Angular组件上应用某些CSS样式的最佳方法是什么,例如Material或ngx-datatable?我已经可以想到两种方式了:

  1. 覆盖特定的第三方组件的CSS类。我可以想到的缺点是,一旦我们将组件升级到更新的版本,样式可能会破坏,因为我们坚持内部实现(类名等)。

  2. 克隆第三方组件的整个代码库并直接更新CSS。可能需要维护相当多的源代码,如果我们决定升级版本,则需要进行一些合并。

  3. 任何想法为什么一个更好以及它可能导致什么后果的人都会受到赞赏。

2 个答案:

答案 0 :(得分:-1)

只能将lib分叉以覆盖样式代码不是一个选项,你必须覆盖styles.css文件中的css!

答案 1 :(得分:-1)

  1. 您可以覆盖styles.css文件中的css,不在librairy 的css文件中。在您的文件中添加css选择器,然后开始在此处添加您的样式,可能带有!important标记以覆盖样式。 这样您就不必担心lib的未来更新

  2. 为小造型目的分叉不是一种选择!这很难维护