Angular 为所有其他滑块设置相同值的默认滑块

我有一组滑块，如下图所示。在该图中，您可以看到有一个

默认滑块

。此滑块应为所有其他滑块设置相同的值，并且其他滑块可以设置自己的值，而不考虑

默认滑块

my_评级：数组=[]；
恩戈尼尼特（）{
这是getMyRatings（）；
}
getMyRatings（）{
这是resetRatings（）；
this.my_ratings=this.my_ratings | | |[]；
//显示所有者评级
如果（这个问题，答案）{
if（this.question.answer.\u user==this.userService.getValue（）['''u id']）{
如果（this.question.answer.all_ratings.owner.ratings.length>0）{
this.my_ratings=this.question.answer.all_ratings.owner.ratings；
这个.rating_factors.forEach（（f，i）=>f['my_rating']=this.my_ratings[i]['score']）；
}
}
//在界面中获取并设置专家评分
否则{
if（this.userService.getValue（）['type']='admin'&&this.userService.getValue（）['evaluator']））{
让ei=this.question.answer.all_ratings.experts.map（e=>e._user.indexOf（this.userService.getValue（）[''u id']）；
如果（ei>-1）{
this.my_ratings=this.question.answer.all_ratings.experts[ei].ratings；
此.rating_factors.forEach（（f，i）=>f['my_rating']=
这是我的"评分",；
}
}
//在界面中获取并设置其他评分
否则{
让oi=this.question.answer.all_ratings.others.map（o=>o._user.indexOf（this.userService.getValue（）[''u id']）；
如果（oi>-1）{
this.my_ratings=this.question.answer.all_ratings.others[oi].ratings；
这个.rating_factors.forEach（（f，i）=>f['my_rating']=this.my_ratings[i]['score']）；
}
}
}
如果（！this.norrelated）
this.getRelUploads（this.question.\u id）；
}
}
重置评级（）{
这个。评级因子['rater']='me'；
this.cdRef.detectChanges（）；
此.rating_factors.forEach（（f，i）=>f['my_rating']=0）；
}

默认滑块
设置所有其他值
{{masterRangeslider}}
{{masterRangeslider | | 0}}/10
{{factor.name}
{{factor.about}
{{因子['my_rating']}
{{因子['my_rating']| | 0}}/10

您可以观察默认滑块上的更改，以便每次更改其值时，都将所有其他滑块的模型值重置为主滑块的模型值

首先在默认滑块上侦听更改（添加更改侦听器）：

---

需要解释和stackblitz演示！好的，我现在添加。关于您期望的是什么或当前输出是什么？@PrashantPimpale当前输出只是滑块值，我添加了默认滑块，它应该设置所有其他滑块值，就像如果默认滑块设置为1，所有其他滑块也应该设置为1一样。如果为5，则所有其他滑块也应设置为5。此外，用户有时会为每个滑块选择不同的值，此时他可以使用其他滑块，并可以将其值设置为不应影响默认滑块的每个滑块。它类似于音乐应用程序中的均衡器。你可以选择摇滚，流行或其他基于该值，它将设置低音，高音和其他。是的，得到你的要求！您能为stackblitz演示提供上述（工作）代码吗？该变量来自何处=“let系数的评级系数”从htmlOk，那么您的组件中就有了rating_factors变量。所以你只需要给出你想要更新的因子的索引就行了吗？你能在第一篇文章中用.TS组件更新你的帖子吗？谢谢，所以我编辑了上面的代码，现在它向你展示了当默认滑块值改变时，如何更新组件中的所有评级因子。