Javascript 类似于选择框的角子老虎机

我正在尝试为我的项目构建老虎机类型选择器，但遇到了问题。我在页面右侧有一个popover，用户可以通过它打开页面的不同部分提供反馈

!！[示例]

在上下按钮的帮助下，用户可以选择他想要的部分

我应该用吗

ng重复

我该怎么做

这是plunkr链接

---

是的，在这里使用

ng repeat

将是一个不错的选择。因为它允许统一元素标记并轻松更新显示的插槽数量

Html

相关风格

.slot {
  margin: 0;
}

.active-slot{
  color: blue;
}

---

是的，在这里使用

ng repeat

将是一个不错的选择。因为它允许统一元素标记并轻松更新显示的插槽数量

Html

相关风格

.slot {
  margin: 0;
}

.active-slot{
  color: blue;
}

---

谢谢kirill…如果我想根据滚动条更新插槽值，您能建议我应该如何操作吗。例如，根据页面查看端口，插槽值为5、6、7。您是否希望根据主页位置初始化弹出选定元素，或者在弹出窗口中滚动页面并旋转插槽？用例如下1）如果用户位于页面顶部，并且他决定提供反馈，然后他会打开popover，插槽值会是1、2、3。我建议你制定一个新的问题，因为这里的深度评论不太可能被大量观众看到。2）现在，如果用户决定向下滚动主页，主页中最上面可见的部分是5、6和7。。。现在，如果他决定提供反馈，那么他将打开popover，插槽值将是五、六、七个K kirill…如果我想根据滚动条更新插槽值，您能否建议我应该如何操作。例如，根据页面查看端口，插槽值为5、6、7。您是否希望根据主页位置初始化弹出选定元素，或者在弹出窗口中滚动页面并旋转插槽？用例如下1）如果用户位于页面顶部，并且他决定提供反馈，然后他会打开popover，插槽值会是1、2、3。我建议你制定一个新的问题，因为这里的深度评论不太可能被大量观众看到。2）现在，如果用户决定向下滚动主页，主页中最上面可见的部分是5、6和7。。。现在，如果他决定提供反馈，那么他将打开popover，插槽值将是5、6、7

.slot {
  margin: 0;
}

.active-slot{
  color: blue;
}