所有其他选择选项的选择选项值更改

如何解决所有其他选择选项的选择选项值更改

  <nb-select [(ngModel)]="selectedOption" 
  (click)="getProdDetails(p.ProductName,p.Brand)" ngDefaultControl>
  <nb-option [value]="p.Size" class="text-Nowrap" [hidden]="hide">
     {{ p.Size }} : + {{ p.SaleRate | currency: "INR": 'symbol' : 
 '1.0-0'}}
  </nb-option>
  <nb-option class="text-Nowrap" [value]="i.Size" *ngFor="let i of 
     prodDetails"[hidden]="!hide">
     {{ i.Size }} : + {{ i.SaleRate |currency: "INR": 'symbol' : 
 '1.0-0'}}
  </nb-option>
  </nb-select>



 .ts code:

  selectedOption: any;
  getData(){
  this.ProdData = [];
 this.commonservice.get('api').subscribe((data) => {
    const temp = data.data["data"];
   // by using for loop i am iterating through each value of array 
   and pushing it in ProdData
    this.ProdData.push(temp);
   )}
   }
 Similarly in <nb-select> the p is getting values from ProdData 
 Array.
 getProdDetails(name,brand){
 this.prodDetails = [];
 this.commonService
  .get(url)
  .subscribe((res) => {
    const temp = res.data["data"];
     )} 
 }

请参考下图。 在第一个 nb-option 中，我从不同的数组中获取值。 在第二个 nb-option 中，我从中定义的数组中获取值 getProdDetails() 方法。 当我点击第二个 nb-option 的选项值时，它会替换 带有选定项的所有选定选项的值。

希望能帮到你！另外，如果我不使用 [(ngModel)] 它工作正常。但我需要用它来绑定值并在我的 .ts 中使用它 文件。我想每次选择一个选项时都在选择框中显示所选项目。