Я создаю ползунок диапазона с массивом шагов, в то время как при загрузке страницы иногда он получается во всю ширину, иногда это не так.когда он загружается с неправильной шириной, и я нажимаю на любой из диапазона, то он показывает в правильном формате.для этого я даже пытался нажать на любой диапазон с помощью 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'},
],
}
};