タグボックスは角度jとバインドされますが、javascriptのすべての値キャプチャではありません

Question

app.controller("xyzController", ["$scope", "$location", "$window", "$http", function ($scope, $location, $window, $http) { 

    $scope.addTagList = []; 
    $scope.addTag = function() { 
     var branchid = $("#element").val(); 
     var list = branchid.split("|"); 
     var empid = list[0].trim(); 
     var employee_name = list[1].trim(); 

     $scope.addTagList.push({ 
      empid: empid, 
      employee_name: employee_name, 
     }); 
    } 

    $scope.RemoveAnswer = function (index) { 
     $scope.addTagList.splice(index, 1); 
    } 
}]); 

今日、私は複数のタグボックスバインドのような問題に直面しています。 javascript変数の配列では、最初の値getだけを取得します。上記のコードでは、タグの追加と削除を正しく実行しています。

<input type="button" value="Add" class="form-control btn-sm btn-danger" ng-click="addTag()"/> 

<div id="tags" style="margin: 6px;font-size:10px;" ng-repeat="item in addTagList" class="label label-danger"><span >{{item.empid}} | {{item.employee_name}} </span> | <a><span ng-click="RemoveAnswer($index)">X</span></a> </div> </div> 

Answer 1

あなたは、このような選択やタグ付け機能のUI選択を使用することができます。

レポ：https://github.com/angular-ui/ui-select

デモ：http://angular-ui.github.io/ui-select/demo-tagging.html