Используйте трубы в 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>