Как задавать данные в css переменную, которые пришли из бэка?

В Angular вы можете задавать данные в CSS переменные, которые пришли с бэкенда, следуя нескольким простым шагам.

1. В шаблоне компонента создайте элемент, к которому вы хотите применить данные из бэкенда. Например:

<div [style.setProperty]="'--my-variable: ' + myDataFromBackend"></div>

2. В компоненте определите свойство myDataFromBackend и присвойте ему значение, полученное из бэкенда. Например:

export class MyComponent {
  myDataFromBackend: string;

  constructor(private backendService: BackendService) {}

  ngOnInit() {
    this.backendService.getData().subscribe(data => {
      this.myDataFromBackend = data;
    });
  }
}

3. В CSS файле компонента определите переменную --my-variable и используйте ее в стилях элемента. Например:

:host {
  --my-variable: initial;
}

div {
  color: var(--my-variable);
}

Теперь, когда данные из бэкенда будут доступны, они будут применены к переменной --my-variable и изменят стиль элемента в соответствии с этими данными.

Убедитесь, что вы правильно импортировали BackendService и настроили его для получения данных из бэкенда. В примере используется функция getData(), которая возвращает Observable<string>. Вы можете адаптировать этот код под свои нужды, в зависимости от структуры вашего проекта и способов получения данных из бэкенда.