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 ] }}