Html 如何将NgoOptionValue设置为我的ng选项?
因此,我更新了我的选择/选项代码,使其可搜索,但现在它中断了我的功能创建,因为它 HTML代码:Html 如何将NgoOptionValue设置为我的ng选项?,html,angular,typescript,Html,Angular,Typescript,因此,我更新了我的选择/选项代码,使其可搜索,但现在它中断了我的功能创建,因为它 HTML代码: <div class="input-group"> <label htmlFor="categoria" class="sr-only"> Categoría:</label> <ng-select [disabled]="vista === vis
<div class="input-group">
<label htmlFor="categoria" class="sr-only"> Categoría:</label>
<ng-select [disabled]="vista === vistas.DETALLE" class="custom-select w-100 my-2 form-control-lg mb-lg-0" title="category" type="text" id="cat" name="categoria" #categoria [(ngModel)]="asignatura.categoriaId" placeholder="Categorías">
<ng-option *ngFor="let c of categorias" name="ca" [ngValue]="c.id" >{{c.nombre}}</ng-option>
</ng-select>
</div>
当我用option和select代替ng option和ng select编写html代码时,它们是对象的值(正如您可以看到的那样,categoriaId有一个数字值),但现在我获得了值。我一直在网上搜索这个,但有什么线索(我对angular很陌生,我对这个很迷茫…)
谢谢指令
ngValue
对于ng select
库无效,请改用value
那么这个,
{{c.nombre}
变成这样:
{{c.nombre}
如果对angular 2+使用ng select,则应输入属性bindValue。
此外,如果要使用带有选项的自定义模板。您应该使用ng模板
像这样
<ng-select [items]="statusItems" bindLabel="title" bindValue="value">
<ng-template ng-option-tmp let-item="item">
<span>{{item.title}}</span>
</ng-template>
</ng-select>
{{item.title}
我建议使用创建一个。另外,我不认为您需要[ngValue]
也不认为它在ng select
库中有效,所以您可以尝试将它改为[value]
。天哪,相信您,这是ngValue为了它,我会为它写一个答案。
<ng-select [items]="statusItems" bindLabel="title" bindValue="value">
<ng-template ng-option-tmp let-item="item">
<span>{{item.title}}</span>
</ng-template>
</ng-select>