AngularJS UniformJS选择控件不更新

我正在使用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);
      } );
    }
  };
});