Диапазон загрузки Angularjs Rz-Slider? - PullRequest
0 голосов
/ 29 января 2019

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


};
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...