无法在用户界面中创建滑块（<rzslider>）

Question

此代码是否正确运行？因为我有一个问题，就是标记将在没有任何内置库

的情况下执行

此<rzslider>标记是否可以直接在页面中运行而无需内置<rzslider>的内置软件包

使用linux服务器运行它。

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

$scope.slider = { 
   minValue: 10, 
   maxValue: 90, 
   options: { 
   floor: 0, 
   ceil: 100, 
   step: 1 
  }
};

使用此标签，我无法在UI中创建滑块。那么如何执行它以在UI中显示滑块？

Answer 1

您应该尝试如下操作

可见

<rzslider rz-slider-model="slider.value"
          rz-slider-options="slider.options">
</rzslider>

在控制器中

$scope.slider = {
    value: 10,
    options: {
        floor: 7,
        ceil: 10,
        showTicks: true,
        showSelectionBar: true,
        hidePointerLabels: true,
        hideLimitLabels: true,
        showTicksValues: false,
        readOnly: true,
        getTickColor: function (value) {
            if (value < 3)
              return 'red';
            if (value < 6)
              return 'orange';
            if (value < 9)
              return 'yellow';
            return '#2AE02A';
        }
    },
}

确保在rzSlider中添加了app.js模块