2016-11-17 76 views
0

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

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"; 

回答

0

好了,所以我想我是用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", 
    }; 
}