Angular - convert expression value based of set values

Question

I am trying to change the value of an expression based off an object of options

Currently I have an expression {{ resultItem.OdometerUnit }} which returns a total of 3 variations depending on result type

hours
kilometers
miles

I want to first check whats returned to expression, and then convert the value to a shorthand version based off the below values

hrs
kms
ms

I am thinking to do this using an object as follows:

  $scope.odometerUnitsTranslate = [
        { name: 'Kilometers', trans:'Kms' },
        { name: 'Hours', trans:'Hrs' },
        { name: 'Miles', trans:'Ms' }
  ];

Beginner with angular so not sure best approach. Any help appreciated

Thanks

You could consider writing a custom filter to do the formatting for you. Usage might look like: {{ resultItem.OdometerUnit | units }}. — miqh
– miqh, Commented Dec 14, 2015 at 23:29

georgeawg · Accepted Answer · 2015-12-14 23:44:15Z

1

JS

  $scope.odometerUnitsTranslate = 
        {'Kilometers':'Kms',
         'Hours': 'Hrs' ,
         'Miles': 'Ms' 
        };

HTML

  {{odometerUnitsTranslate[unit]}}

edited Dec 14, 2015 at 23:44

answered Dec 14, 2015 at 23:39

georgeawg

49k13 gold badges78 silver badges98 bronze badges

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

1 Comment

Phil Over a year ago

To handle missing translations, I'd slightly modify it to {{odometerUnitsTransalate[unit] || unit}}. That way, if something different comes up ("feet" for example), you get "feet" instead of nothing

Collectives™ on Stack Overflow

Angular - convert expression value based of set values

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related