在JS中更改Angular2中的樣式/ css片刻改變樣式，然後恢復到之前的樣式

Question

因此，我使用以下JS將樣式更改爲Angular 2中的某些元素。當我加載視圖時，高度是設置爲maxHeight = 100，但在幾毫秒之後，它將恢復到樣式表中的樣式。任何人有任何線索可能會發生什麼風格可以直接與JS角度更改？

let projectMatchers = document.getElementsByClassName("th-project-matcher"); 
     let rowMatchers = document.getElementsByClassName("th-row-matcher"); 

     let maxHeight = 100; 
     rowMatchers[i].style.height = maxHeight + "px"; 
     projectMatchers[i].style.height = maxHeight + "px"; 

Answer 1

好了，所以我想我是用javscript應用，其中通過change events of angular 2覆蓋的風格，所以我用ngStyle直接應用樣式到我的DIV和它的作品沒有問題：

<div class="my-class" [ngStyle]="matchHeight(i)"></div> 

這是matchHeight （）：

public matchHeight(index: number): string { 
    return { 
     height: "250px", 
    }; 
}