angular 2 聚合物元素风格答案

【问题标题】：angular 2 polymer elements styleangular 2 聚合物元素风格
【发布时间】：2017-05-10 17:35:54
【问题描述】：

我正在使用 Angular2 和 Polymer Elements，它工作正常。但如果我尝试设计一些聚合物元素的样式，例如Paper-Input 它不起作用。

我尝试将样式添加到组件中，到处都是 index.html，但似乎我的新样式被忽略了。

例如，我在我的 css 中添加了以下内容。

paper-input:root{
    --paper-input-container-focus-color: yellow;
}

如果我专注于纸张输入，字体颜色仍然是默认的蓝色。

有没有人将 angular 2 与聚合物元素结合使用并知道我做错了什么以及谁来更改字体颜色或纸张输入的下划线颜色？

谢谢

【问题讨论】：

【解决方案1】：

回复晚了，但如果您想让 Angular 2 和 Polymer 1 一起工作，请查看 https://github.com/platosha/angular-polymer。

如果您希望 Angular 4+ 和 Polymer 2 一起工作，请查看https://github.com/hotforfeature/origami。

我不知道您使用的是聚合物 1 还是聚合物 2，但问题是您的样式不是聚合物 1 的 <style is="custom-style"></style> 或聚合物 2 的 <custom-style><style></style></custom-style>。

您可以使用这些库中的任何一个来弥合 Angular 和 Polymer 之间的差距，或者编写自己的简单服务来在运行时添加/包装正确的样式属性/标签。

【讨论】：