Javascript 获取选择选项的角度值

我有这个user.model.ts，我有一个用户列表，我可以通过点击一个按钮来编辑，该按钮过滤用户的数据并将其置于引导模式，在选择标记中使用[ngModel]，我可以获得我用户的国家，但当我更改国家并提交表格时，我收到的是当前国家，而不是其id，需要注意的是，当我在选项中使用[value]时，它不会向我显示当前国家/地区，我如何获得值而不是名称？谢谢

在user.component.ts中

updateUser(formActualizarTeam) {
  console.log(this.user);
}

在user.model.ts中

export class UserModel{
 name: string;
 idCountry: number;
}

在user.component.html中

<form
  #formUpdate="ngForm"
  (ngSubmit)="updateUser(formUpdate)">

<select
   id="country"
   name="idCountry"
   class="form-control"
   [(ngModel)]="user.idCountry">
   <option *ngFor="let c of countries">{{ c.name }}</option>
</select>

</form>

{{c.name}}

您需要将

[value]

绑定到

idCountry

，还要设置默认值，所选值应与某些选项值匹配：

<select
   id="country"
   name="idCountry"
   class="form-control"
   [(ngModel)]="user.idCountry">
   <option *ngFor="let c of countries" [value]="c?.idCountry">{{ c?.name }}</option>
</select>

或

component.html

<select
   id="country"
   name="idCountry"
   class="form-control"
   [(ngModel)]="user.idCountry">
   <option value="" [disabled]="true"> Select country</option> // set some placeholder
   <option *ngFor="let c of countries" [value]="c?.idCountry">{{ c?.name }}</option>
</select>

选择国家/地区//设置一些占位符
{{c？.name}

您需要将

[value]

绑定到

idCountry

，还要设置默认值，所选值应与某些选项值匹配：

<select
   id="country"
   name="idCountry"
   class="form-control"
   [(ngModel)]="user.idCountry">
   <option *ngFor="let c of countries" [value]="c?.idCountry">{{ c?.name }}</option>
</select>

或

component.html

<select
   id="country"
   name="idCountry"
   class="form-control"
   [(ngModel)]="user.idCountry">
   <option value="" [disabled]="true"> Select country</option> // set some placeholder
   <option *ngFor="let c of countries" [value]="c?.idCountry">{{ c?.name }}</option>
</select>

选择国家/地区//设置一些占位符
{{c？.name}

我认为您需要使用

[value]

属性来匹配选项以选择

ngModel

然后代码将是（如果在国家/地区数组中有

idCountry

）

---

我认为您需要使用
[value]
属性来匹配选择
ngModel

然后代码将是（如果在国家/地区数组中有
idCountry
）

您可以通过使用（更改）事件获取所选值

在html中：

<select (change)="onChange($event)"
   id="country"
   name="idCountry"
   class="form-control">
   <option *ngFor="let c of countries">{{ c.name }}</option>
</select>

您可以使用（更改）事件获取所选值

在html中：

<select (change)="onChange($event)"
   id="country"
   name="idCountry"
   class="form-control">
   <option *ngFor="let c of countries">{{ c.name }}</option>
</select>

您必须为选项标签设置[value]，如下所示[value]=“c.idCountry”

您必须为选项标签设置[value]，如下所示[value]=“c.idCountry”

您可以显示国家/地区数组吗？，？您可以显示国家/地区数组吗？，？当我在选项中使用[value]时，它不会显示当前国家/地区：（@CarlosMorales您需要在加载数据时设置当前国家/地区，即：
his.user['idCountry']
很抱歉，我是新手，您能详细介绍一下我的情况吗？您好，我调试了我的应用程序，在我的用户数组中发现了一个严重错误，因为idcountry即使不是字符串也不会返回数字，无论如何，多亏了您，我意识到了这个错误，非常感谢您当我在选项中使用[value]时，它不会显示当前国家：（@CarlosMorales您需要在加载数据时设置当前国家/地区，即：
his.user['idCountry']
很抱歉，我是新手，您能详细介绍一下我的情况吗？您好，我调试了我的应用程序，在我的用户数组中发现了一个严重错误，因为idcountry即使不是字符串也不会返回数字，无论如何，多亏了您，我意识到了这个错误，非常感谢您当我在选项中使用[value]或[ngValue]时，它不会显示当前国家：([{“idCountry”：1，“name”：“Polonia”}，{“idCountry”：2，“name”：“Malasia”}，{“idCountry”：3，“name”：“Suecia”}]如果你需要更多的帮助，然后考虑显示完整的组件代码。嘿，你好，我的用户数组中有一个严重的错误，因为IdIn没有返回一个数字，如果不是一个字符串，不管怎样，谢谢你，我意识到这个错误，非常感谢你。ch当我在选项中使用[value]或[ngValue]时，它不会显示当前国家：（[{“idCountry”：1，“name”：“Polonia”}，{“idCountry”：2，“name”：“Malasia”}，{“idCountry”：3，“name”：“Suecia”}]如果你需要更多的帮助，然后考虑显示完整的组件代码。嘿，你好，我的用户数组中有一个严重的错误，因为IdIn没有返回一个数字，如果不是一个字符串，不管怎样，谢谢你，我意识到这个错误，非常感谢你。中国
onChange(e: any) {
    console.log(e.target.value);
}

<form
  #formUpdate="ngForm"
  (ngSubmit)="updateUser(formUpdate)">

<select
   id="country"
   name="idCountry"
   class="form-control"
   [(ngModel)]="user.idCountry">
   <option *ngFor="let c of countries" [value]="c.idCountry">{{ c.name }}</option>
</select>

</form>

updateUser(ngform){
    console.log(ngform.form.value)
  }