json数组angularjs中的自定义过滤器
Custom filter in json array angularjs
我是Angularjs的新手,我成功地显示了json数组中键"type"的每个值,但我只想显示"type",如果值等于"service",我该怎么做。我试着使用自定义过滤器,但我不明白它是如何工作的。感谢您的帮助!
这是我的控制器:
.controller('CategorieCtrl', function ($scope, $stateParams,$state,factocategories) {
var mytype = {};
$scope.displaysales = function(){
mytype = "sales";
console.log(mytype);
}
$scope.displaybuys = function(){
mytype = "buys";
console.log(mytype);
}
$scope.displaycharges = function(){
mytype = "charges";
console.log(mytype);
}
$scope.displayperso = function(){
mytype = "personals";
console.log(mytype);
}
console.log(mytype);
var mytoken = sessionStorage.getItem('token');
factocategories.send(mytoken).then(function(conf){
console.log(conf);
$scope.datab = conf.data;
})
})
这是我的观点:
<ion-view view-title="Catégories">
<ion-content>
<div class="item item-divider submenu">
<p class="submenu col-25" ng-click="displaysales()">Ventes</p><p class="submenu col-25" ng-click="displaybuys()">achats</p><p class="submenu col-25" ng-click="displaycharges()">Charges</p><p class="submenu col-25" ng-click="displayperso()">Perso</p>
</div>
<ul class="list" ng-repeat="item in datab track by $index">
<li class="item" ng-model="item.type">{{item.type}}</li>
</ul>
</ion-content>
</ion-view>
这是我的json:
{
"die": false,
"erreur": "",
"data": [
{
"id": 913,
"name": "Justine / Ma first facture",
"type": "services",
"invoice": true
},
{
"id": 914,
"name": "Justine / Facture 2",
"type": "services",
"invoice": true
},
{
"id": 917,
"name": "Abus / Fact",
"type": "services",
"invoice": true
},
{
"id": 930,
"name": "Abus / F - 00004",
"type": "",
"invoice": true
},
{
"id": 931,
"name": "Test client / F - 00005",
"type": "",
"invoice": true
},
{
"id": 8868,
"name": "Achat de marchandises",
"type": "buys",
"invoice": false
},
{
"id": 10223,
"name": "adidas",
"type": "sales",
"invoice": false
},
{
"id": 8870,
"name": "Apport personnel",
"type": "personals",
"invoice": false
},
{
"id": 8867,
"name": "Carburant, entretien du véhicule",
"type": "charges",
"invoice": false
},
{
"id": 8865,
"name": "Cotisation sociale",
"type": "charges",
"invoice": false
},
{
"id": 8863,
"name": "Déplacement",
"type": "charges",
"invoice": false
},
{
"id": 8872,
"name": "Emprunt",
"type": "charges",
"invoice": false
},
{
"id": 8861,
"name": "Energie",
"type": "charges",
"invoice": false
},
{
"id": 8871,
"name": "Fourniture de bureau",
"type": "charges",
"invoice": false
},
{
"id": 8864,
"name": "Frais banque, assurance, juridique",
"type": "charges",
"invoice": false
},
{
"id": 8877,
"name": "Logiciel, service web",
"type": "charges",
"invoice": false
},
{
"id": 8866,
"name": "Loyer",
"type": "charges",
"invoice": false
},
{
"id": 8874,
"name": "Mobilier",
"type": "charges",
"invoice": false
},
{
"id": 8869,
"name": "Mon salaire, prélèvement personnel",
"type": "personals",
"invoice": false
},
{
"id": 10779,
"name": "New law",
"type": "charges",
"invoice": false
},
{
"id": 10222,
"name": "nike",
"type": "services",
"invoice": false
},
{
"id": 10778,
"name": "Pakpak",
"type": "sales",
"invoice": false
},
{
"id": 8862,
"name": "Restauration",
"type": "charges",
"invoice": false
},
{
"id": 8875,
"name": "Site web",
"type": "charges",
"invoice": false
},
{
"id": 8873,
"name": "Sous-traitance",
"type": "charges",
"invoice": false
},
{
"id": 8860,
"name": "Télécom",
"type": "charges",
"invoice": false
},
{
"id": 8876,
"name": "Véhicule",
"type": "charges",
"invoice": false
}
]
}
<ul class="list" ng-repeat="item in datab track by $index">
<li class="item" ng-if="item.type === 'services'">{{item.type}}</li>
</ul>
ng模型不是必需的!是用于输入和两个数据绑定。
如果
或者您可以使用这样的过滤器:
<ul class="list" ng-repeat="item in datab track by $index | filter:{type:'services'}">
<li class="item">{{item.type}}</li>
</ul>
使用ng if="item.type==‘service'"
<ul class="list" ng-repeat="item in datab track by $index" ng-if="item.type=='service'">
<li class="item" ng-model="item.type">{{item.type}}</li>
</ul>
相关文章:
- 如何在angular.js中动态应用自定义过滤器
- AngularJS自定义过滤器未触发点击事件
- Vue.js如何在定义API变量之前实现自定义过滤器
- 用于分页的 AngularJS 自定义过滤器
- 为什么我的自定义过滤器会导致无限消化
- 如何仅在文本字段中有值时才将自定义过滤器应用于 ng-repeat
- 指令中的 AngularJS 自定义过滤器以格式化值
- Angular自定义过滤器在处理某些匹配时注销,但会过滤掉所有结果
- Angular js自定义过滤器未定义
- AngularJS自定义过滤器调用了两次,并在第二次调用时删除输入数据
- 自定义过滤器的问题,我缺少什么
- 如何在Angular 1.3.6上创建一个自定义过滤器来搜索嵌套数组
- json数组angularjs中的自定义过滤器
- 两个日期之间的自定义过滤器 AngularJS
- PG-promise为选择查询创建自定义过滤器
- 角度.js. 如何计算满足自定义过滤器的 ng 重复迭代
- Angular JS“Startswith”自定义过滤器
- 无法让 Angular 自定义过滤器工作
- AngularJS自定义过滤器被调用两次
- 如何使用 Angularjs 创建自定义过滤器