Question

我正在为一所学校开发一个有棱角的网站。我正在尝试使用滑块来选择类。（1级到5级）。这些类是作为数组提供的，所以当滑动完成时，应该显示start-class和end-class。

类数组：

$scope.classArry = [{
  "code": "LKG",
  "decode": "LKG"
}, {
  "code": "UKG",
  "decode": "UKG"
}, {
  "code": "1",
  "decode": "class 1"
}, {
  "code": "2",
  "decode": "class 2"
}, {
  "code": "3",
  "decode": "class 3"
}, {
  "code": "4",
  "decode": "class 4"
}, {
  "code": "5",
  "decode": "class 5"
}, {
  "code": "6",
  "decode": "class 6"
}, {
  "code": "7",
  "decode": "class 7"
}, {
  "code": "8",
  "decode": "class 8"
}, {
  "code": "9",
  "decode": "class 9"
}, {
  "code": "10",
  "decode": "class 10"
}, {
  "code": "11",
  "decode": "class 11"

}，{ ＆＃34;代码＆＃34;：＆＃34; 12＆＃34;，＆＃34;解码＆＃34;：＆＃34; 12级＆＃34; } ];

当我从一个类拖到另一个类时，结果应该是这样的， 1级10级。

Answer 1

您所要做的就是更改＆＃39; $ scope.validValues＆＃39;在上面的plunker。我分叉了上面的内容，它似乎在显示类名。查看Conditionally enable/disable fields in AEM 6.1 (granite.ui) TouchUI dialogs

＆＃39;翻译＆＃39;功能是你的朋友 - 你可以在这里做各种各样的操作来显示你想要的。

factorize

Answer 2

plunker link我做了类似的事情。希望这可以帮助你

var formattedSliderValidValues = 


 {
   floor: codeArray[0],
   ceil: codeArray[codeArray.length-1],        
   value: 0,
   maxVal:11,
   translate : translate,
   incrSpeed : incrFun,
   decrSpeed  : decrFun,
   codeArray : codeArray,
   stepArray : codeArray,
   valueArray : valueArray,
   selection : true,
  displayScale : true,
   typedValue: codeArray[0],
   hidePointerLabels: true
   };

返回formattedSliderValidValues; };

字母范围的角度滑块

2 个答案: