ng-if condition with key value - Angular js

Question

I'm testing a webapp using angularjs, my app.js is reading a JSON file and gets some data:

var category = document.getElementById('category').value;
var App = angular.module('App', []);

App.controller('control', function($scope, $http){
$http.get('../../zz-dashboard/motores/datatodo/INFO/filtros/'+category+'.json')
  .then(function(res){
    $scope.items = res.data;              
  });
});

I would like to show the data conditioned in the key or val value, using ng-if. For example, in this case if the key of my array is equal to "sleeves" I would like to show the value, only in that case.

<p ng-repeat="(key, val) in items" ng-if="key=='sleeves'">            
   {{key}} - {{val}}
</p>

I'm new in angularjs and I didn't found a clear answer to my question, I would apreciate any help.

Vineet · Accepted Answer · 2015-05-26 12:01:01Z

2

Just Try

<p ng-repeat="item in items track by $index" ng-show="$index == 'sleeves'">            
   {{$index}} - {{item}}
</p>

edited May 26, 2015 at 12:01

answered May 26, 2015 at 11:56

Vineet

4,7153 gold badges25 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

carton Over a year ago

You can't answer like this if you haven't seen his json code... This work in certain case.

ManelPNavarro Over a year ago

This didn't work with my json, but "ng-show" did it.

Parthipan S Over a year ago

How you can get $index as sleeves (string). $index is a number right.

Vineet Over a year ago

I assumed from OP's question. He said ng-if="key=='sleeves'". I assumed that OP must has indexing as a string.

ManelPNavarro Over a year ago

Yes, it is indexing as a string.

Collectives™ on Stack Overflow

ng-if condition with key value - Angular js

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related