How to change CSS classes in typescript?

Question

I am trying to change the following codes in javascript to typescript.I am unable to do that please help.

$(function () {
    $(".navigation_icon").click(function () {
        $(".navigation").toggleClass('navigation-open');
    });
});

Please let us know what is your problem exactly.

andsilver
– andsilver

2020-07-18 03:48:06 +00:00
Commented Jul 18, 2020 at 3:48 — andsilver
– andsilver, Commented Jul 18, 2020 at 3:48

Ali Kianoor · Accepted Answer · 2020-07-18 04:01:27Z

3

If you are looking for an angular solution please provide more detail. Here is a solution to your question. First of all, In your ts file, you should define a boolean to keep the state of navigation, then you define a function to toggle the navigation state.

IsNavigationOpen : boolean = true;

navigationToggle(): void {
  IsNavigationOpen = !IsNavigationOpen;
}

then you can define a button to use the function and the last part is a condition to set a CSS class for your navigation bar.

<button onclick="navigationToggle" class="navigation_icon">

<div class="navigation {{IsNavigationOpen ? 'navigation-open' : 'navigation-closed'}}">

answered Jul 18, 2020 at 4:01

Ali Kianoor

1,25311 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to change CSS classes in typescript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related