Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/30.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
Javascript 仅将输入绑定到角模式中的一个文本输入_Javascript_Angular - Fatal编程技术网

Javascript 仅将输入绑定到角模式中的一个文本输入

Javascript 仅将输入绑定到角模式中的一个文本输入,javascript,angular,Javascript,Angular,在一个场景中,我使用ngfor并为每个迭代添加文本框。当我在文本框中键入任何内容时,它会绑定到每个文本框,但我只想为该文本框提供输入,单击该文本框即可输入值 <div class="comment" *ngFor="let comment of blog.comments"> <p>posts...</p> <input type="text" [(ngModel)]="ne

在一个场景中,我使用ngfor并为每个迭代添加文本框。当我在文本框中键入任何内容时,它会绑定到每个文本框,但我只想为该文本框提供输入,单击该文本框即可输入值

<div class="comment" *ngFor="let comment of blog.comments"> 
  <p>posts...</p>
  <input type="text" [(ngModel)]="newComment.content" [ngModelOptions]="{standalone: true}">
</div>

帖子


这应该是这样的:事件->目标->值将为您提供当前的输入值

Html:


您在每个文本框中引用相同的
ngModel

  • 您需要有一个
    newComment
    对象数组

帖子


你能分享你的代码吗?请分享一个reprexposts…

@HUSSAIN,假设它迭代了4次,然后当我在任何文本框中输入任何内容时,它会被写入所有剩余的3个文本框中。
<input (keyup)="onKey($event)">
onKey(event: any) {
    console.log(event.target.value)
  }
<div class="comment" *ngFor="let comment of blog.comments;let i = index"> 
  <p>posts...</p>
  <input type="text" [(ngModel)]="newComment[i].content" [ngModelOptions]="{standalone: true}">
</div>