Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.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 CSS转换后的JS角度渲染_Javascript_Html_Css_Angular_Angular Ng If - Fatal编程技术网

Javascript CSS转换后的JS角度渲染

Javascript CSS转换后的JS角度渲染,javascript,html,css,angular,angular-ng-if,Javascript,Html,Css,Angular,Angular Ng If,因此,我有一个按钮,当单击时,调用onGoToAbout函数。此函数将元素高度设置为0,并将desk布尔变量设置为false。此变量连接到元素*ngIf 我的问题是*ngIf是在CSS转换发生之前执行的。我想我需要某种程度的延迟,但不知道如何实现它 下面是我的代码。使用jQuery不是一个选项 onGoToAbout(事件){ document.getElementById(“幻灯片放映”).style.height=“0vh”; this.desk=false; }只需延迟this.desk

因此,我有一个按钮,当单击时,调用
onGoToAbout
函数。此函数将元素高度设置为0,并将
desk
布尔变量设置为
false
。此变量连接到元素
*ngIf

我的问题是
*ngIf
是在CSS转换发生之前执行的。我想我需要某种程度的延迟,但不知道如何实现它

下面是我的代码。使用jQuery不是一个选项

onGoToAbout(事件){
document.getElementById(“幻灯片放映”).style.height=“0vh”;
this.desk=false;

}
只需延迟
this.desk=false
并超时:

setTimeout( () => { this.desk = false }, 500 )
这样,您的CSS转换将执行,然后,500毫秒后,变量将设置为false


另外,jQuery当然不是Angular应用程序中的选项:)
文档。甚至不应该使用getElementById,因为它不是Angular-y,但假设只执行CSS转换,也可以。只需延迟
this.desk=false
,并超时即可:

setTimeout( () => { this.desk = false }, 500 )
这样,您的CSS转换将执行,然后,500毫秒后,变量将设置为false


当然,jQuery在Angular应用程序中不是一个选项:)
document.getElementById甚至不应该被使用,因为它不是Angular-y,但假设它只是为了执行CSS转换而使用,没关系。

你说的是哪种css转换?你说的是哪种css转换?除了
文档之外,你建议使用什么?getElementById
?好吧,使用角度方式,除了
文档之外,你建议使用什么。getElementById
?好吧,使用角度方式