Angular - ng模型无法获取对象数组值
创始人
2024-10-14 19:31:57
0次

问题描述：在Angular中，使用ng模型绑定无法获取对象数组的值。

解决方法如下：

  1. 使用ngModel绑定对象数组的值时，需要确保ngModel绑定的对象属性名与数组中的对象属性名相同。



  



// 组件代码
export class AppComponent {
  items: any[] = [
    { name: 'Item 1' },
    { name: 'Item 2' },
    { name: 'Item 3' }
  ];
}
  1. 如果使用ngModel绑定的是对象数组中的某个属性，可以使用管道来实现。



  



// 组件代码
export class AppComponent {
  items: any[] = [
    { name: 'Item 1' },
    { name: 'Item 2' },
    { name: 'Item 3' }
  ];

  getItemName(item: any): string {
    return item.name;
  }
}

这样就可以通过ngModel绑定获取对象数组的值了。

上一篇：Angular - ngModel在我点击textarea之前不会更新

下一篇：Angular - ngOnChanges()在属性更改时未被执行

相关内容

热门资讯

安装程序教程！wepoker有... 安装程序教程！wepoker有用吗，wepoker私人局辅助挂，教你教程（有挂方法），支持语音通讯、...
重大通报！wepoker有脚本... 重大通报！wepoker有脚本吗，wepoker私人局透视插件，2025新版（有挂攻略）；玩家必备必...
一分钟了解！wepoker透视... 一分钟了解！wepoker透视脚本免费app，we-poker是什么软件，解密教程（有挂辅助）1、点...
关于！we-poker辅助软件... 《关于！we-poker辅助软件教程，智星德州插件，可靠教程（有挂辅助）》 we-poker辅助软件...
专业讨论！hhpoker开挂教... 专业讨论！hhpoker开挂教程，wpk透视插件，教你攻略（有挂透明）科技教程也叫必备教程，这是一款...
玩家必备科技！pokemmo脚... 1、玩家必备科技！pokemmo脚本辅助器下载，aapoker脚本怎么用，攻略方法（有挂攻略）；详细...
分享实测！wepoker正确养... 分享实测！wepoker正确养号方法，wepoker有用吗，我来教教你（有挂辅助）;1分钟了解详细教...
揭秘攻略！哈糖大菠萝能开挂吗，... 揭秘攻略！哈糖大菠萝能开挂吗，wepoker好友房开挂，透明挂教程（有挂教程）；科技安装教程；136...
程序员教你！德州局HHpoke... 程序员教你！德州局HHpoker透视脚本，wepoker透视脚本网页，必备教程（有挂辅助）是一款可以...
玩家攻略推荐！poker wo... 玩家攻略推荐！poker world辅助，hhpkoer辅助挂是真的吗，必赢方法（有挂教程）；原来确...