AngularJS UniformJS选择控件不更新

发布时间：2020-12-17 06:57:07 所属栏目：安全来源：网络整理

导读：我正在使用AngularJS和UniformJS构建应用程序.我想在视图上有一个重置按钮,可以将我的选择重置为默认值.如果我使用uniform.js,它就无法正常工作. 你可以在这里检查它： http://plnkr.co/edit/QYZRzlRf1qqAYgi8VbO6?p=preview 如果连续单击重置按钮,则不会执

我正在使用AngularJS和UniformJS构建应用程序.我想在视图上有一个重置按钮,可以将我的选择重置为默认值.如果我使用uniform.js,它就无法正常工作.

你可以在这里检查它：

http://plnkr.co/edit/QYZRzlRf1qqAYgi8VbO6?p=preview

如果连续单击重置按钮,则不会执行任何操作.
如果删除该属性,因此不再使用uniform.js,则一切都正常.

谢谢

更新：

需要使用超时.

app.controller('MainCtrl',function($scope,$timeout) {
  $scope.reset = function() {
    $scope.test = "";
    $timeout(jQuery.uniform.update,0);
  };
});

解决方法

找到了.为了完整起见,我在这里复制我的评论：

看起来Uniform非常hacky.它覆盖了实际的select元素,而是显示span. Angular正在发挥作用.实际的选择元素的值正在变化,但Uniform显示的范围不会改变.

所以你需要通过jQuery.uniform.update告诉Uniform你的值已经改变了. Uniform从实际元素中读取值以放置在span中,而angular直到摘要循环之后才更新实际元素,因此在调用update之前需要稍等一点：

app.controller('MainCtrl',0);
  };
});

或者,您可以将它放在您的指令中：

app.directive('applyUniform',function($timeout){
  return {
    restrict:'A',require: 'ngModel',link: function(scope,element,attr,ngModel) {
      element.uniform({useID: false});
      scope.$watch(function() {return ngModel.$modelValue},function() {
        $timeout(jQuery.uniform.update,0);
      } );
    }
  };
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!