Angular 如何获取所选选项的更多数据？

我有一个选择，我必须获得我选择的选项的id和tipo

我的选择：

<select (change)="setTipoProduto(tipoDoProduto)" [(ngModel)]="tipoDoProduto" name="tipoDoProdutoName"
    class="select-text">
    <option class="dropdown-item" selected>{{tipoDoProduto == null ? 'Tipo do Produto' : tipoDoProduto}}</option>

    <option [hidden]="tipoprodutos[k].tipo == tipoDoProduto" *ngFor="let tipoProduto of tipoprodutos;let k = index"
    class="dropdown-item">{{tipoprodutos[k].tipo}}</option>
</select>

如何将选定的id和tipo传递给函数setTipoproduto

我的Tipoproduto对象具有Tipoproduto.id和Tipoproduto.name，但myngModel仅拾取tipo

输入选项的值。 修改代码为-

---

[ngValue]必须与我的ngmodel同名？是的，你说得对。选择的选项值将是ngModel值，我猜您正在查找整个对象。

<select (change)="setTipoProduto(tipoDoProduto)" [(ngModel)]="tipoDoProduto" name="tipoDoProdutoName"
    class="select-text">
    <option class="dropdown-item"  selected>{{tipoDoProduto == null ? 'Tipo do Produto' : tipoDoProduto}}</option>

    <option [hidden]="tipoprodutos[k].tipo == tipoDoProduto" *ngFor="let tipoProduto of tipoprodutos;let k = index"
    class="dropdown-item" [ngValue]="tipoProduto">{{tipoprodutos[k].tipo}}</option>
</select>