Javascript 不要重复已经重复的项目

我有一个问题，我的回答如下：

[
{
    "quesListName": "Angular Data Binding Question List",
    "questions": "data binding between factory and view"
},
{
    "quesListName": "Angular Data Binding Question List",
    "questions": "data binding between factory and view"
},
{
    "quesListName": "Angular Filters Question List",
    "questions": "how to use filter date in directive in angular js ?"
},
{
    "quesListName": "Angular Filters Question List",
    "questions": " directive in angular js ?"
},
{
    "quesListName": "Controller Question List",
    "questions": " filter in angular js ?"
}

]

所以我需要在这里重复questListName，但是当我显示它时questListName不应该重复

<ul>
  <li ng-repeat="qlist in response">
            {{qlist}}
   </li>           
 </ul>

---

非常感谢您提供的任何帮助

您可以使用

角度过滤器

实现这一点。因此，您需要添加

角度过滤器
脚本，并在模块中添加依赖项

在index.html中：在
angular.js
script之后加载

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

在HTML中：

<ul>
      <li ng-repeat="qlist in response | unique:'quesListName'">
            {{qlist.quesListName}}
   </li>
<ul>



{{qlist.quesListName}


您可以在没有任何库的情况下执行此操作，如下所示：


（函数（）{
“严格使用”；
角度.module（'app'，[]）
.controller（'mainCtrl'，函数（$scope）{
$scope.array=[
{  
“quesListName”：“角度数据绑定问题列表”，
“问题”：“工厂和视图之间的数据绑定”
},
{  
“quesListName”：“角度数据绑定问题列表”，
“问题”：“工厂和视图之间的数据绑定”
},
{  
“quesListName”：“角度过滤器问题列表”，
“问题”：“如何在angular js中使用指令中的筛选日期？”
},
{  
“quesListName”：“角度过滤器问题列表”，
“问题”：“角度js中的指令？”
},
{  
“任务列表名称”：“控制器问题列表”，
“问题”：“用角js过滤？”
}
];
$scope.response=[]；
var unique={}；
$scope.array.forEach（函数（项）{
如果（！unique[item.quesListName]）{
$scope.response.push（项目）；
唯一的[item.quesListName]=项；
}
});
});
})();

复制品：




无重复项：





angular.module('appName', ['angular.filter']);

<ul>
      <li ng-repeat="qlist in response | unique:'quesListName'">
            {{qlist.quesListName}}
   </li>
<ul>