Angularjs引导范围Rz-Slider宽度问题？

Question

我正在创建一个带有steps数组的范围滑块，而在页面加载时，有时有时它会变成全角。当它以不正确的宽度加载时，我单击任意范围，然后以正确的格式显示。为此，我什至试图通过jQuery单击范围内的任何一个，但没有任何效果。有什么办法可以通过选项中的宽度 下面是我在视图和控制器中的代码

<rzslider rz-slider-model="slider.minValue" rz-slider-high="slider.maxValue" rz-slider-options="slider.options" ></rzslider>

$scope.slider = {
        minValue: 2,
        maxValue: 12,

        options: {
           floor: 0,
        ceil: 33,
        //showTicks: true,
        showTicksValues :true,
        stepsArray: [
            {value: 1, legend: 'Confirmed'},
            {value: 2, legend: 'Assessed'},
            {value: 3, legend: 'Approved'},
            {value: 4, legend: 'Quoted  '},
            {value: 5, legend: 'Office A1'},
            {value: 6, legend: 'Whoops do over'},
            {value: 7, legend: 'Office A2'},
            {value: 8, legend: 'Ticketed waiting to quote'},
            {value: 9, legend: 'Waiting for client approval'}, 
            {value: 10, legend: 'Awaiting A2 quote'},
            {value: 11, legend: 'Determining approach'},  
            {value: 12, legend: 'Awaiting key material(s)'},
            {value: 13, legend: 'Declined'},
            {value: 14, legend: 'A1 Cleaning WIP'},
            {value: 15, legend: 'A1 Restoration queue'},  
            {value: 16, legend: 'A2 to A1 post process'}, 
            {value: 17, legend: 'A2 to A1 restoration'},  
            {value: 18, legend: 'A1 Restoration WIP'},
            {value: 19, legend: 'Completed'},
            {value: 20, legend: 'Return scheduled'},
            {value: 21, legend: 'Returned'},
            {value: 22, legend: 'Invoiced'},
            {value: 23, legend: 'Closed happy'},
            {value: 24, legend: 'Closed so-so'},
        ],
    }


};