使用ngfor共享相同值的输入字段

Question

我在这里要做的是将每个输入字段的输入值动态添加到“标签”输出中。我遇到的问题是，当我键入和/或提交值时，所有输入字段和“标记”输出都会收到相同的值。我该如何解决？

感谢您抽出宝贵的时间来解决这个问题！

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 = '';
}