使用 JS 在 Angular2 中更改样式/css 会暂时更改样式，然后恢复到以前的样式答案

【问题标题】：Changing styles/css in Angular2 with JS changes styles for a moment and then reverts back to its previous styles使用 JS 在 Angular2 中更改样式/css 会暂时更改样式，然后恢复到以前的样式
【发布时间】：2016-11-17 15:38:39
【问题描述】：

所以我使用以下 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";

【问题讨论】：

标签： angular angular2-template angular2-directives

【解决方案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",
    };
}

【讨论】：