javascript - 应用后 slider 未更新

Question

我有一个包含 View 信息的对象模型。当我对此对象进行一些更改然后使用应用时，除 slider 之外的每个组件都会更新。仅在调整窗口大小后我才能看到 slider 更新。有什么想法吗？

$rootScope.$on('newPrintSelected', function (event, selectedPrinter) {
        StorageModule.storage.find(collectionName, {_id : selectedPrinter.printer_hardware._id}, function(error, data){
            if (error) { //Not Found
                console.error("Ops. There is something wrong with this action...");
            }else {
                    if(data[0].printOptions == null){
                        $scope.options = angular.copy($scope.default);
                        $scope.options.layerThickness = 30 - ($scope.options.layerThickness * 100);
                        $scope.persistedOptions = angular.copy($scope.default);
                        $scope.persistedOptions.layerThickness = 30 - ($scope.persistedOptions.layerThickness * 100);
                    }else{
                        data[0].printOptions.layerThickness = 30 - (data[0].printOptions.layerThickness * 100);
                        $scope.options = angular.copy(data[0].printOptions);
                        $scope.persistedOptions = angular.copy(data[0].printOptions);
                    }
                }
                $scope.selectedPrinterHardware = angular.copy(data[0]);
                console.warn($scope.options);
                $scope.$apply();
            });
    });

slider :

<div class="slider">
   <rzslider rz-slider-model="options.infill" rz-slider-options="slider.infill">

    </rzslider>
</div>

$scope.options 是用作模型的对象。 console.warn($scope.options);表明该对象是正确的。

修复:

setTimeout(function(){ $scope.$broadcast('rzSliderForceRender'); }, 25);

每次显示 slider 时。

这是在文档中。对此我深感抱歉。

Answer 1

广播刷新事件怎么样:

$scope.refreshSlider = function () {
  $timeout(function () {
    $scope.$broadcast('rzSliderForceRender');
  });
};

Reference 1 Reference 2