Угловой 6 css не показывает

Question

Я пытаюсь добавить класс css динамически, используя javascript classList.Я могу добавить класс к своему элементу, и я добавил свой CSS внутри style.css.Когда я запускаю npm start, я вижу mystyle внутри styles.js.Но это не работает. Я не вижу, как работает mystyle, вот мой код.

 appendToContainer() {
let map = document.getElementById("biharsvg") as HTMLObjectElement;
let svgDoc = map.contentDocument; // should be fine
let echamparan = svgDoc.getElementById("echamparan");
echamparan.classList.add("mystyle");
console.log(echamparan);
}

Это мой код. Я добавляю событие нажатия на кнопку и добавляю класс mystyle внутри моего элемента.,И я добавил класс .mystyle в style.css и меняю браузер, перезапустил ng srve, много раз очищал кеш.Я вижу mystyle внутри style.js, который генерирует angular.

Когда я добавляю .mystyle, используя элемент inspect, он работает.Какое лучшее решение.