Javascript 是否在同一页面中进行独立选择?

Javascript 是否在同一页面中进行独立选择?,javascript,html,angular,html-select,onchange,Javascript,Html,Angular,Html Select,Onchange,在我的项目中,我想做两次选择。但如果我更改页面顶部的arraySceltaselect,则页面底部的设置也会更改。我怎样才能让两个人独立选择呢? {{a.char}} {{b.char}} ... {{a.char}} {{b.char}} 为选择提供不同的ngModel。 在组件中创建2属性 export class AppComponent { sceltaId1 = ''; sceltaId2 = ''; constructor(){...} } 在你看来 <se

在我的项目中,我想做两次选择。但如果我更改页面顶部的
arrayScelta
select,则页面底部的设置也会更改。我怎样才能让两个人独立选择呢?

{{a.char}}
{{b.char}}
...
{{a.char}}
{{b.char}}

为选择提供不同的
ngModel
。 在组件中创建2属性

export class AppComponent  {
  sceltaId1 = '';
  sceltaId2 = '';

 constructor(){...}

}
在你看来

<select 
  (change)="onChange()" 
  [(ngModel)]="sceltaId1"
>
 <option 
    [ngValue]="a.id" 
    *ngFor="let a of arrayScelta"
>{{a.char}}
 </option>  

-------

<select 
  (change)="onChange()" 
  [(ngModel)]="sceltaId2"
>
 <option 
    [ngValue]="a.id" 
    *ngFor="let a of arrayScelta"
>{{a.char}}
 </option>

{{a.char}}
-------
{{a.char}}

t提供不同的型号。[(ngModel)]=“sceltaId1”、[(ngModel)]=“sceltaId2”@ArmenStepanyan不起作用。我收到消息:
属性“sceltaId1”在类型“MatriceComparazioneComponent”上不存在。您是说“sceltaId”吗?
我只是给您展示了一个简单的示例,当然它不起作用,您必须在组件中定义这两个新变量