How to show specific JSON object key on condition basis using angularjs

Question

Using below JSON object need to show key.

{
   'fieldLabel': 'LABEL',
   'fieldName': 'TEST',
   'fieldKey': 'TEST2'
}

Below are the conditions: 1. If got fieldName, fieldLabel, and fieldKey then need to show fieldLabel 2. If only received fieldLabel and fieldKey then need to show fieldLabel 3. If only received fieldKey and fieldName then need to show fieldName

function valueToBeDisplay(displayProp, objKey, field, htmlStr) { angular.forEach(field, function (value, key) { if (field.fieldLabel ? field.fieldLabel : field.fieldName) { htmlStr += formatLabel(field[key]); //formatLabel is other function } }); return htmlStr; } — Rahul Pawar
– Rahul Pawar, Commented Jan 4, 2018 at 5:01

shaunhusain · Accepted Answer · 2018-01-04 05:47:22Z

1

{{object.fieldLabel?object.fieldLabel:object.fieldName}}

^^ should work assuming you're talking about binding that data into the view (using ternary operator, if object.fieldLabel, then print object.fieldLabel else print object.fieldName).

angular.module('myapp', [])
  .controller('MyCtrl', function($scope){
    $scope.objects = [
      {fieldLabel: 'I got a label'},
      {fieldName: 'I only have a name :('}
    ] 
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.7/angular.js"></script>
<div ng-app="myapp" ng-controller="MyCtrl">
  <div ng-repeat="object in objects">
  {{object.fieldLabel?object.fieldLabel:object.fieldName}}
  </div>
</div>

edited Jan 4, 2018 at 5:47

answered Jan 4, 2018 at 2:54

shaunhusain

19.7k4 gold badges41 silver badges53 bronze badges

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

3 Comments

Rahul Pawar Over a year ago

I tried your solution but its shown all object instead of showing only fieldLabel. Please find below my code:

angular.forEach(field, function (value, key) {           if (field.fieldLabel ? field.fieldLabel : field.fieldName) {             htmlStr += formatLabel(field[key]);           }         });

shaunhusain Over a year ago

@rahulPawar yeah so the ? : syntax is called "ternary operator" it just means if the thing before the ? then do the thing after the question mark else do the thing after the colon, so it's just short-hand of an if-then-else, I used it to keep the syntax concise in the view code. If you need to see how to do the conditions in the original question in JS not in the view binding let me know and can add that answer as well.

Rahul Pawar Over a year ago

@ shaunhusain, Thanks for above solution... after made some changes now its working for me.

Collectives™ on Stack Overflow

How to show specific JSON object key on condition basis using angularjs

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related