javascript - 使用 angular.js 控制重复条目

Question

我正在使用 angular.js 从某些输入字段获取一些表单数据。我需要构建一个功能来防止用户输入重复的字段。因此，如果用户输入重复的字段，我需要使用警报框提醒用户，然后删除重复的字段。我知道如何使用 jQuery 来做到这一点，请看下面的代码。使用 angular.js 实现此目的最有效的方法是什么？非常感谢任何帮助，我有模板 fiddle here让事情变得更容易。

/** Handle Duplicate Barcodes **/
  $(".alldifferent").on('keyup paste',function(){
    var $this = $(this);
    keyupDelay(function() {
      var val = $this.val();
      $this.attr('value', val);
      if (val != '') {
        var $dupes = $('input[value="' + val + '"]:gt(0)').val('');
        if ($dupes.length > 0) alert('Error: Duplicates barcodes are not allowed!');
      }
    }, 300);
  });

  var keyupDelay = (function() {
    var timer = 0;
    return function(callback, ms) {
      clearTimeout(timer);
      timer = setTimeout(callback, ms);
    };
  })();

Answer 1

尝试ng-blur，因为当元素失去焦点时会触发模糊事件。

如果您知道输入重复条目的索引，则可以过滤数组中的该项目并将其清除。

$scope.check = function(val, index){
  if(val !== '') {
    for(var i = 0; i < $scope.num.length; i++ ){
       var itm = $scope.num[i].text;
       if(itm == val && i != index) {
         $scope.num[index].text = '';
         alert('Error: Duplicates barcodes are not allowed!');
         break;
       }
    }
  }
}

Working Plunker