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

Question

>我有一个选择，我必须获取我所选选项的 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。

Answer 1

把ngValue放在option。 修改后的代码为 -

<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>