我如何在类型脚本或 (.ts) 的 scss 中调用 class

Question

I have created class in scss and i want to call it inside my type script or (ts)

User Story: As a teacher, I want to see a student become disabled (Low opacity and unclickable) so that I know who are failed in my subject.

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

ts

???

how i call scss class to my ts?

html

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

Answer 1

What exactly do you mean with "calling". You can't execute a css (or scss in your case) class, because it describes how something should look and does not describe behavior.
What you can do is assigning a scss class to an HTML-Element in TypeScript.

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

This will select first element (use querySelectorAll to select all elements) with the given css-selector. Then you add the css class to your classList attribute on the HTMl-Element you get from document.querySelector.