Question

https://stackblitz.com/edit/angular-j7iiaw?file=src/app/app.component.ts

选择输入为“”，而不是1

HTML

<select [(ngModel)]="subcategoria.categoria" class="input-default" name="status_categoria" id="status_categoria">
  <option *ngFor="let categoria of categorias" value="{{categoria.id}}">{{categoria.nome}}</option>
</select>

打字稿

subcategoria: Array<any> = [{
    categoria:1
  }];
  categorias: Array<any> = [{id:1,nome:"one"},{id:2,nome:"two"}];

Answer 1

subcategoria是一个数组，我想您想访问subcategoria[0].categoria。或者您需要将subcategoria的值更改为

subcategoria = {
    categoria:1
};

This is the working fix

Answer 2

在此，[(ngModel)]="subcategoria.categoria"

subcategoria is an array and not an object

因此使用[(ngModel)]="subcategoria[0].categoria"作为默认值

Answer 3

您将数组用作ngModel，因此必须如下更改ngModel，

[(ngModel)]="subcategoria[0].categoria"

由于categoria是0th数组的subcategoria索引，因此您必须更改ngModel来绑定值

Answer 4

subcategeria is an array so you should address it like this [(ngModel)]=subcategeria[0].categeria

或者另一种解决方案是将子类别数组更改为对象：

subcategoria = {
   categeria:1
};

Answer 5

您需要将subcategoria从数组更改为对象，或者使用arr[index]来访问对象

Angular ngModel未使用ngFor选择[HTML SELECT INPUT]

5 个答案: