如何让我的组件库使用应用程序的材质主题？

Question

我正试图找出一种方法来使我的独立/可重用组件库在Angular中使用应用程序的材质主题。更具体地说，我正在尝试访问组件中的主题颜色，以便我可以根据主题是浅还是暗来设置边框颜色。

Answer 1

在您的组件中，您可以添加对主题样式表的引用：

@Component({
  selector: 'your-selector',
  templateUrl: 'path/to/your/template.html',
  styleUrls: ['/path/to/the/theme/stylesheet', '...']
})

或者如果您使用scss，只需在组件的样式表中导入主题样式表，这将允许您使用主题颜色。

@import 'path/to/the/theme/stylesheet.scss'