Javascript 如何将ng类与CSS转换一起使用?

Javascript 如何将ng类与CSS转换一起使用?,javascript,jquery,html,css,angularjs,Javascript,Jquery,Html,Css,Angularjs,我有一个元素设置为display:none;高度:0px我想向它添加类,使显示:block;高度:200px。问题在于转换-要使其工作,必须在更改高度之前先将元素设置为display:block 因此,$el.addClass(“显示块全高”)不显示转换,因为它同时添加了两个类 尽管如此,jQuery仍然可以工作: $el.addClass("display-block"); $el.width(); // <-- Forces a browser redraw of the elemen

我有一个元素设置为
display:none;高度:0px
我想向它添加类,使
显示:block;高度:200px。问题在于转换-要使其工作,必须在更改高度之前先将元素设置为
display:block

因此,
$el.addClass(“显示块全高”)
不显示转换,因为它同时添加了两个类

尽管如此,jQuery仍然可以工作:

$el.addClass("display-block");
$el.width(); // <-- Forces a browser redraw of the element before proceeding
$el.addClass("full-height");
$el.addClass(“显示块”);
$el.width();// 您需要的是来自

我编辑了给定的plunker以满足您的需要(不过您仍然需要实现高度)

但是带有display:none和display:block的动画在这里工作


在添加类似的类之前,延迟一下怎么样?