Javascript 如果存在重复项，则在下拉列表中仅显示一个值

嗨，我正在按位置获取打印机的信息。因此，如果在同一位置有几台打印机，我会在下拉列表中看到它们，但如果它们是同一位置，我实际上只希望在下拉列表中看到一个位置。 我知道我可以在数据库级别解决这个问题，并添加关系，但也许有一种方法可以不用它？

导入{
组成部分，
奥尼特
}从“@angular/core”开始；
进口{
HttpClient
}来自“@angular/common/http”；
进口{
消毒液
}从“@角度/平台浏览器”；
进口{
价值观
}来自“../Models/Values”；
@组成部分({
选择器：“应用程序值”，
templateUrl:'./value.component.html'，
样式URL:['./value.component.css']
})
导出类ValueComponent实现OnInit{
selectedPrinter：值；
价值观：任何；
构造函数（私有http:HttpClient，公共sanitizer:DomSanitizer）{}
恩戈尼尼特（）{
这是getValues（）；
}
getValues（）{
this.http.get（'http://localhost:5000/api/values/）。订阅（响应=>{
这个值=响应；
}，错误=>{
console.log（错误）；
})
}
}

打印机管理器
选择位置
{{each.location}




主机名：{{value.HostName}


制造商：{{value.Manufacturer}


IP:{{value.IP}


{{value.location}
{{value.specificLocation}

我要做的是：

在getValues（）中：

查看Array.from文档和Array.from（集合）

---

祝你好运

这回答了你的问题吗？我如何在我的项目中应用它=/？不，因为某些原因它不起作用…创建一组位置数组：

新设置（MyLocationArray）

并将其传递给您的

选择

元素您能在代码上显示我吗？我这样做了，但它不起作用，我错过了一些东西？？首先谢谢你，但我仍然收到错误，没有过载匹配这个电话。（类型为“Object”的响应参数下的红色下划线不可分配给类型为“Iterable”的参数）

getValues() {
    this.http.get('http://localhost:5000/api/values/').subscribe(response => {
      this.values = [...new Set(response)];
    }, error => {
      console.log(error);
    })
  }

getValues() {
    this.http.get('http://localhost:5000/api/values/').subscribe(response => {
      this.values = [...new Set(response)];
    }, error => {
      console.log(error);
    })
  }