How to show another text value insteadof showing of existing from ng-repeat for one property using angularjs?

Question

I have data:

html:

<div ng-controller="MainCtrl">
    <ul>
        <li ng-repeat="item in demo">
          {{item.text}}
        </li>
    </ul>
</div>

js:

angular.module('MyApp', [])
    .controller('MainCtrl', [function ($scope) {
    $scope.demo=[
                {"id":"ABC", "name":"ABC","text":"ABC"},
                {"id":"PQR","name":"PQR","text":"PQR"},
                {"id":"XYZ","name":"XYZ","text":"XYZ"}
                ];
    }]);

I want to display the output like below on html view page:

ABC
PQR
MNO

instead of showing:

ABC
PQR
XYZ

i.e ex: I want to show the text value as: "MNO" instead of "XYZ" on displaying of view page, I don't want to change anything in the variable($scope.demoValues) using angularjs. I am not sure how to develop this. Please help me. Thanks.

Created Fiddle.

You want to display a value from an array that doesn't exist? — Chris Pickford, Aug 29 '19 at 14:54
@ChrisPickford, yes, I want to display value that does not exist, only for display purpose/view purpose. — Dhana, Aug 29 '19 at 14:57
@ChrisPickford, I am not sure how I can apply that {{ item.text.replace('XYZ', 'MNO') }} on ng-repeat please ? — Dhana, Aug 29 '19 at 14:58
@ChrisPickford, Yes, wow really, it is working. Thanks a lot for your help :-) — Dhana, Aug 29 '19 at 15:13

score 1 · Accepted Answer · answered Aug 29 '19 at 15:20

1

If you're simply looking to do a straight text replacement in the view when a particular value is encountered, you could use string.replace as follows:

<li ng-repeat="item in demo">
    {{ item.text.replace('XYZ', 'MNO') }}
</li>

answered Aug 29 '19 at 15:20

Chris Pickford

8,642
5
42
73

How to show another text value insteadof showing of existing from ng-repeat for one property using angularjs?

1 Answers1