javascript - Angular ngModel 未使用 ngFor [HTML 选择输入] 选择

标签 javascript angular typescript

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>

typescript

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

最佳答案

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

subcategoria = {
    categoria:1
};

This is the working fix

关于javascript - Angular ngModel 未使用 ngFor [HTML 选择输入] 选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54691750/

相关文章:

javascript - 为什么这个 XMLHttpRequest POST 甚至无法连接到服务器?

angular - Angular react 形式: how to get just changed values

javascript - 如何在angular2 webpack typescript 中包含第三方javascript库

typescript - 为什么我不能在自己的组件上使用 StyleProp<ViewStyle>

javascript - 需要在下拉菜单中列出以在单击数字后显示结果

javascript - 数字时钟在 FireFox 中不工作

typescript - 如何协调 monorepo 与多个 tsconfig.json,每个 tsconfig.json 都有自己的路径?

reactjs - 函数返回类型与 TypeScript 不匹配

javascript - 为什么这些警报没有出现?

javascript - Highcharts 中是否有子子下钻支持?