angularjs ngHide以ngShow延迟

Question

早上好,我有一个字段,当它被视为标签时,当它被修改时它是一个输入字段,我用ng-show和ng-hide触发它,并启用一个布尔值的按钮.当我激活编辑模式,标签隐藏,输入字段显示,它是实时的,当我点击取消并切换布尔值时,标签出现但输入字段需要一些时间隐藏,所以我有一个非常糟糕的视觉效果.这里有一些代码

<input ng-model="name" ng-show="editing">
<label ng-hide="editing">{{name}}</label>

<button ng-click="editing=true">Edit</button>
<button ng-click="editing=false">Cancel</button>

有没有办法解决这个问题？

谢谢

Answer 1

你有ngAnimate吗？

如果是这样,这可能发生.在我们的项目中,我们在我们想要设置动画的每个dom元素上声明并使用一个类,并且我们告诉angular在config回调中为这些元素设置动画:

$animateProvider.classNameFilter(/animate/);