AngularJS verwendet den benutzerdefinierten Filter Filter, um ng-repeat zu steuern und doppelte Funktionen zu entfernen. Beispiel-js-Tutorial-php.cn

AngularJS verwendet den benutzerdefinierten Filter Filter, um ng-repeat zu steuern und doppelte Funktionen zu entfernen. Beispiel

不言

Freigeben： 2018-04-21 16:12:46

Original

1835 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die Verwendung des benutzerdefinierten Filters von AngularJS zur Steuerung der Duplikatentfernungsfunktion von AngularJS vor. Er analysiert die Definition des benutzerdefinierten Filters von AngularJS und die mit der Array-Filterung verbundenen Betriebsfähigkeiten in Form von Beispielen

Das Beispiel in diesem Artikel beschreibt, wie AngularJS den benutzerdefinierten Filter Filter verwendet, um ng-repeat so zu steuern, dass Duplikate entfernt werden. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>www.jb51.net ng-repeat去除重复</title>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<p ng-app="myApp" ng-controller="myCtrl">
  <p ng-repeat="x in items | unique:&#39;id&#39;">
    {{x.id}}---{{x.name}}
  </p>
</p>
<script>
  //AngularJs 自定义过滤器
  //1.使用过滤器，去除重复
  angular.module(&#39;common&#39;, []).filter(&#39;unique&#39;, function () {
    return function (collection, keyname) {
      console.info(collection);
      console.info(keyname);
      var output = [],
        keys = [];
      angular.forEach(collection, function (item) {
        var key = item[keyname];
        if (keys.indexOf(key) === -1) {
          keys.push(key);
          output.push(item);
        }
      });
      return output;
    }
  });
  var app = angular.module(&#39;myApp&#39;, [&#39;common&#39;]);
  app.controller(&#39;myCtrl&#39;, function ($scope) {
    //$scope.items = [1, 2, 3,2];
    //当前unique 的过滤只针对，对象数组过滤
    $scope.items = [
      { id: 1, name: &#39;zhangsan&#39; },
      { id: 2, name: &#39;lisi&#39; },
      { id: 1, name: &#39;zhangsan&#39; },
    ];
  });
</script>
</body>
</html>

Nach dem Login kopieren

Laufergebnisse:

Verwandt empfohlen:

Eine kurze Diskussion über die Verwendung von $destory in AngularJS

Wie Array-Filter Array-Elemente filtern

Das obige ist der detaillierte Inhalt vonAngularJS verwendet den benutzerdefinierten Filter Filter, um ng-repeat zu steuern und doppelte Funktionen zu entfernen. Beispiel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!