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
?好吧,使用角度方式