在 css Angular 中使用管道 9

Question

我想通过翻译管道输入一段文本，但文本在 css 的内容中。

.files:before {
  position: absolute;
  content: "Drag your files here";
}

这不起作用：

.files:before {
      position: absolute;
      content: {{'file.text' | translate}};
    }

Answer 1

不确定这是否有效。

通过使用管道，您可以更改 HTML 部分中的内容，因此只需绑定到 DOM 中的某个属性并尝试从那里读取 css 中的内容，就像这样 -

.files:before {
  position: absolute;
  content: attr(data-lang)
}

例如你有 DOM 元素，你需要添加如下所述的数据属性 -

<p data-lang="en">Any content here </p>

Use pipes in css Angular 9