时间戳

首页 > 解决方案 > 我如何在类型脚本或（.ts）中调用 scss 中的类

angular - 我如何在类型脚本或（.ts）中调用 scss 中的类

问题描述

我在 scss 中创建了类，我想在我的类型脚本或（ts）中调用它

用户故事： 作为一名教师，我希望看到一名学生残疾（不透明且无法点击），以便我知道谁在我的科目中不及格。

.student{
    opacity: 0px;
    cursor: not-allowed;
    background: #ccc;
}

ts

???

我如何调用我的 ts 的 scss 类？

html

<container>
    <div class="student">
        <div class="move-center flex-align-center">
             <p class="cont-body">Student name</p>
        </div>
    </div>
</container>

标签： angulartypescriptsass

解决方案

“打电话”到底是什么意思。您不能执行 css（或在您的情况下为 scss）类，因为它描述了某些东西的外观而不描述行为。
您可以做的是在 TypeScript 中将 scss 类分配给 HTML 元素。

document.querySelector("css-selector").classList.add("student")

这将使用给定的 css-selector 选择第一个元素（使用 querySelectorAll 选择所有元素）。然后，将 css 类添加到从 document.querySelector 获得的 HTMl-Element 上的 classList 属性中。

推荐阅读