在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", 
    }; 
}