Angular 2:将响应值绑定到循环 ngFor 中的输入类型

通过

我在将响应值绑定到 ngFor 循环中的输入类型文本时遇到问题。

<div *ngFor = "let item of items">
     <input type="text"  class="form-control" #inputTarget>
  <div>

如果我绑定,所有文本框绑定相同的值。如何将不同的项目值绑定到每个文本框

斯拉文

你应该使用attribute binding[value]="item"

<div *ngFor = "let item of items">
     <input type="text"  class="form-control" #inputTarget [value]="item">
<div>

上面的代码采用item和分配给value文本框

这是一个相同的小DEMO

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在ngFor Angular 2中的输入类型复选框上设置检查状态

来自分类Dev

在ngFor Angular 2中的输入类型复选框上设置检查状态

来自分类Dev

在* ngFor中输入的内容无法平滑输入Angular 2

来自分类Dev

嵌套ngFor中的Angular 2 ngModel绑定

来自分类Dev

ngfor Angular材质中的图像绑定

来自分类Dev

在 Angular 6 上为 *ngFor 内的输入类型复选框启用双向数据绑定

来自分类Dev

处理angular(9)ngFor中的空值

来自分类Dev

在Angular2中过滤NgFor

来自分类Dev

ngfor中的angular2形式

来自分类Dev

Angular 2:ngFor中的对齐/定位项目

来自分类Dev

Angular2中的分组元素* ngFor

来自分类Dev

在 Angular2 中对 *ngFor 的承诺

来自分类Dev

如何在Angular 2中的ngFor中设置绑定?

来自分类Dev

Angular formControl-在ngfor循环的特定行中设置值

来自分类Dev

将类型为datetime-local的输入绑定到Angular 2中的Date属性

来自分类Dev

Angular 2 * ngFor语法

来自分类Dev

Angular 2 * ngFor问题

来自分类Dev

Angular 2 * ngFor语法

来自分类Dev

Angular 2 *ngFor 与算法

来自分类Dev

从 Angular 2 理解 *ngFor

来自分类Dev

如何在Angular2的ngFor指令中缓存值?

来自分类Dev

ngFor 中的 Angular 2 NgModel+ 值不起作用

来自分类Dev

Angular 6 - 如何使用 *ngFor 从表中动态创建的输入框中获取 component.ts 中的输入值?

来自分类Dev

Angular 2-在* ngFor和ngModel中访问/获取输入元素

来自分类Dev

Angular 中 *ngFor 的递减索引

来自分类Dev

ngFor Angular 6 中的 LINQ

来自分类Dev

Angular2-将ngFor项目作为参数传递到管道中?

来自分类Dev

如何从循环ngFor中的输入type =“ text”获取输入值

来自分类Dev

如何使用 Angular 7 中的模块有条件地绑定 ngFor 循环中的类或属性值?

Related 相关文章

热门标签

归档