AngularJS - angularJS material 基于字符串而不是整数的滑块
AngularJS - angularJS material slider based on string instead of integers
我正在做一个小项目来了解AngularJS。目前我正在研究你可以用 AngularJS Material.
做什么
此刻我正在摆弄 Slider 功能。有关信息,请参见此处:https://material.angularjs.org/latest/demo/slider.
当我使用整数时,我可以毫无问题地使用它。现在我试图让它与字符串而不是整数一起工作。
例如,我有一个包含字符串的数组。第一个条目代表数字 1,条目 2 代表数字 2,依此类推。滑块将使用字符串而不是常规数字来滑动。
这可能吗?如果是这样,怎么办?我为此伤脑筋。
使用滑块的模型值并减去 1
从字符串数组中索引您的值
<md-slider ng-model="myCtrl.counter">
{{ myCtrl.stringArray[ myCtrl.counter -1 ] }}
我正在做一个小项目来了解AngularJS。目前我正在研究你可以用 AngularJS Material.
做什么此刻我正在摆弄 Slider 功能。有关信息,请参见此处:https://material.angularjs.org/latest/demo/slider.
当我使用整数时,我可以毫无问题地使用它。现在我试图让它与字符串而不是整数一起工作。
例如,我有一个包含字符串的数组。第一个条目代表数字 1,条目 2 代表数字 2,依此类推。滑块将使用字符串而不是常规数字来滑动。
这可能吗?如果是这样,怎么办?我为此伤脑筋。
使用滑块的模型值并减去 1
从字符串数组中索引您的值
<md-slider ng-model="myCtrl.counter">
{{ myCtrl.stringArray[ myCtrl.counter -1 ] }}