javascript - 使用 ngfor 共享相同值的输入字段
问题描述
我在这里要做的是将每个输入字段的输入值动态添加到我的“标签”输出中。我遇到的问题是,当我输入和/或提交值时,所有输入字段和“标签”输出都会收到相同的值。我怎样才能解决这个问题?
感谢您花时间研究这个问题!
index.html
注意* - 我削减了大部分代码,只是想直接说明我需要帮助的地方。第一行代码是为了让你知道我在 *ngFor 循环中工作。
<div class="row" *ngFor="let student of students; let i = index">
<ul *ngFor="let tag of tags">
<li class="tag">{{ tag }}</li>
</ul>
<input
type="text"
name="tagInput"
class="moreInfo tagInput"
placeholder="Add a tag"
[(ngModel)]="tagInput"
(keydown.enter)="onAddTag($event)">
</div>
ts文件
import { Component, OnInit } from '@angular/core';
import { FormsModule } from '@angular/forms';
tagInput = '';
tags = [];
onAddTag(event){
this.tags.push(this.tagInput);
this.tagInput = '';
}
解决方案
推荐阅读
- kubernetes - Kubernetes - 法兰绒 CNI 上的 libnftnl.so.11.3.0 中的段错误
- c - 我可以将使用 libjpeg 的 jpeg 解压的输出设置为一定的宽度和高度吗?
- java - 默认情况下将杰克逊中的日期解析更改为不宽松
- android - 在 Android Camera2 中录制视频而不关闭 CaptureSession
- angular - laravel 和 angular 路线重叠并重定向到 404
- sql - 在 spark sql 中将日期字符串作为变量传递
- gitlab - GitLab Flavored Markdown 中的表格分隔符/粗体行线
- kotlin - 如何根据响应状态代码将 ktor 响应映射到对象
- javascript - 无法读取未定义的不和谐黑名单命令的属性“id”
- spring - Stomp 1.2 收据框架显示为消息框架