Angularでapiから取得した情報で動的にcssを変更したい

Question

やりたいこと

apiから色コード(#0000FF)を取得し、ボタンの擬似要素:hoverの背景(background)に取得した色コードを適用させたいです。

わからないこと

あらかじめ用意しておいたCSSに対して、取得した値でclassを切り替えるというやり方はわかったのですが、今回のようにapiで取得した値を擬似要素に与えるというやり方ができるのかわからず、ご教授いただければ幸いです。
よろしくお願いいたします！

Comments

[xenbeat]

> 取得した値でclassを切り替えるというやり方はわかったのですが、今回のようにapiで取得した値を擬似要素に与えるというやり方ができるのかわからず

ソースコードの追記をおすすめします
https://teratail.com/help/question-tips#questionTips3-5

Answer 1

mouseover,mouseoutイベントでスタイルを設定する方法では駄目ですか？
動的にcssを変更するのは難しいと思います。