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