AngularJS：在来自输入框的单独 div 中多次动态渲染标签

Question

好的，我有一个显示多个学生数据的 ng-repeat，现在在每个 ng-repeat 中我想添加一个标签部分，其中将包含标签。因此，基本上他们将是一个输入元素，它采用 sag 名称并将其添加到该特定学生的标签部分。

// 这是在ng-repeat里面

<form>

<div id="tags">

</div>

<br>

<input id="tagvalue" ng-keypress="myFunct($event)" class="inputTag"

       ng-model="addtags" placeholder="Add a tag"> 

</form>

// 内部控制器

$scope.myFunct = function(keyEvent) {

 if (keyEvent.which === 13)

 {

   var value = document.getElementById('tagvalue')

   var target = document.getElementById('tags');

   var newElement = angular.element("<span class='badge'>"+value.value+"</span>");

   angular.element(target).append(newElement);

   this.addtags=""

  }

}

为所有学生创建输入字段，但标签部分仅适用于第一个