Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何将NgoOptionValue设置为我的ng选项?_Html_Angular_Typescript - Fatal编程技术网

Html 如何将NgoOptionValue设置为我的ng选项?

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

因此,我更新了我的选择/选项代码,使其可搜索,但现在它中断了我的功能创建,因为它

HTML代码:

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