角度滑块未在尺寸更改时更新

ilmgb

问题描述:两个div的宽度改变了。Div#1变大,Div#2变小。Div#2是用于角度滑块的容器。容器正在更新,但滑块会保持旧尺寸,直到您更改滑块的一个气泡为止

看到这个笨蛋

有什么想法为什么只在与滑块交互时才发生?

----更新-----

我对示例进行了编辑,使其具有一个名为width-watcher指令它正在监视Div#2的宽度,并正在执行console.log。同样的问题在这里。仅当更改滑块的一个气泡时,消息才会被记录。

如何聆听尺寸变化?并且为什么在更新滑块时仅发生这种情况?

看这里:

更新的柱塞

ilmgb

解决此问题的方法是等待动画结束。

也就是说,使用CSS Event transitionend所以注册这个:

post: function(scope, element, attributes) {
angular.element(document.getElementsByClassName('rightPanel')).on('transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd', 
          function() {
           console.log('animation ended');
           updateDOM();
          });

会在动画结束后立即以正确的方式更新DOM因此,从未使用width-watcher指令并将其删除。

更新的Plunker:http ://plnkr.co/edit/OVZgxEgZKZg3tZ9nGn76?p=preview

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类常见问题

AngularJS视图未在模型更改时更新

来自分类Dev

<p:inputText>值在更改时未在模型中更新

来自分类Dev

模型更改时的角度动画

来自分类Dev

尺寸更改时在哪里更新自动版式约束?

来自分类Dev

变量更改时更新UI

来自分类Dev

服务中的值更改时,控制器中的角度范围变量不更新

来自分类Dev

角度$ scope更改时不要更新HTML

来自分类Dev

角度ng-show(或ng-if)在值更改时未更新

来自分类Dev

使用角度更改时更新输入字段中的值

来自分类Dev

服务属性更改时,角度过滤器不会更新

来自分类Dev

角度2:当组件A更改时,更新组件B

来自分类Dev

组件尺寸更改时未清除状态

来自分类Dev

更改时的角度选择值不更新

来自分类Dev

变量值更改时,文本对象未在屏幕上更新

来自分类Dev

图像更改灰度(滑块)的角度

来自分类Dev

屏幕尺寸更改时触发useEffect

来自分类Dev

<p:inputText>值在更改时未在模型中更新

来自分类Dev

更改时触发未在更改时运行脚本

来自分类Dev

角度图不会在数据更改时更新

来自分类Dev

选择菜单的更改时的角度

来自分类Dev

屏幕尺寸更改时的角度引导范围

来自分类Dev

使用角度更改时更新输入字段中的值

来自分类Dev

在类更改时更新变量

来自分类Dev

角度2:当组件A更改时,更新组件B

来自分类Dev

指令未在输入更改时调用

来自分类Dev

组件未在 redux 状态更改时更新

来自分类Dev

带有绑定的 TextBlock 未在属性更改时更新

来自分类Dev

反应路由器导航链接未在路由更改时更新

来自分类Dev

文件更改时更新流