Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更改typescript中的CSS类?_Javascript_Css_Angularjs_Typescript - Fatal编程技术网

Javascript 如何更改typescript中的CSS类?

Javascript 如何更改typescript中的CSS类?,javascript,css,angularjs,typescript,Javascript,Css,Angularjs,Typescript,我正在尝试将javascript中的以下代码更改为typescript。我无法做到这一点,请帮助 $(function () { $(".navigation_icon").click(function () { $(".navigation").toggleClass('navigation-open'); }); }); 如果您正在寻找角度解决方案,请提供更多详细信息。这是你问题的答案。首先,在ts文件中,应该定义一个

我正在尝试将javascript中的以下代码更改为typescript。我无法做到这一点,请帮助

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

如果您正在寻找角度解决方案,请提供更多详细信息。这是你问题的答案。首先,在ts文件中,应该定义一个布尔值来保持导航状态,然后定义一个函数来切换导航状态

IsNavigationOpen : boolean = true;

navigationToggle(): void {
  IsNavigationOpen = !IsNavigationOpen;
}
然后您可以定义一个按钮来使用该函数,最后一部分是为导航栏设置CSS类的条件

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

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

请告诉我们您的具体问题。