'ng-repeat' 'अद्वितीय' मान कैसे प्राप्त करें

Question

एक सरणी का उपयोग करके, मैं सूची में unique जानकारी फ़िल्टर करने और दिखाने का प्रयास कर रहा हूं। इसके लिए मैं angular इनबिल्ड filter विधि का उपयोग करता हूं।

लेकिन मुझे त्रुटि मिल रही है।

यहाँ मेरी कोशिश (मैं SubProjectName के आधार पर फ़िल्टर कर रहा हूँ) है

<ul> 
    <li ng-repeat="project in projectNames | unique: 'SubProjectName' "> 
     {project.SubProjectName}} 
    </li> 
</ul> 

Live Demo

Answer 1

कोणीयजेएस में डिफ़ॉल्ट रूप से unique फ़िल्टर शामिल नहीं है। आप angular-filter से एक का उपयोग कर सकते हैं। बस जावास्क्रिप्ट

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.8/angular-filter.min.js"></script> 

शामिल और अपने एप्लिकेशन में dependeny में शामिल हैं:

var app = angular.module('myApp', ['angular.filter']); 

आपका कोड सही दूर काम करना चाहिए! मैंने आपके Plunker संपादित किए हैं, इसलिए यह काम करता है।

Answer 2

ताकि आप इसे शामिल करने की ज़रूरत unique फिल्टर आप शायद उपयोग करने के लिए प्रयास कर रहे हैं, AngularUI से आता है:

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.js"></script> 

और इसे मॉड्यूल निर्भरता के रूप में जोड़ें:

var app = angular.module('plunker', ['ui.filters']); 

Answer 3

मैं http://plnkr.co/edit/sx3u1ukH9752oR1Jfx6R?p=preview जोड़ा फिल्टर निर्भरता के रूप में अपने plunkr अद्यतन

var app = angular.module('plunker', ['angular.filter']); 

आशा यह आप

Answer 4

मदद मिल सकती है मुझे लगता है कि आप इस

var app = angular.module('plunker', []); 

app.controller('MainCtrl', function($scope) { 
    $scope.projectNames=projects 
    $scope.Id = "1"; 
    $scope.SubProjectName="Retail Building"; 

}) 
.filter('unique', function() { 
    return function(projects, subProjectName) { 
    var newprojects =[]; 
    projects.forEach(function(project){ 
     if(project.SubProjectName === subProjectName) 
     newprojects.push(project); 
    }); 
    return newprojects; 
    }; 
}); 

---

की तरह एक जवाब की तलाश में हैं

<li ng-repeat="project in projectNames | unique:SubProjectName">{{project.SubProjectName}}</li> 

Demo