如何使用angularjs显示另一个文本值而不是显示来自ng-repeat的一个属性的现有值？答案

【问题标题】：How to show another text value insteadof showing of existing from ng-repeat for one property using angularjs?如何使用angularjs显示另一个文本值而不是显示来自ng-repeat的一个属性的现有值？
【发布时间】：2019-08-29 23:20:24
【问题描述】：

我有数据：

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"}
                ];
    }]);

我想在html view 页面上显示output，如下所示：

ABC
PQR
移动网络运营商

而不是显示：

即ex：我想在显示视图页面时将文本值显示为：“MNO”而不是“XYZ”，我不想使用@987654328 更改变量（$scope.demoValues）中的任何内容@。我不知道如何开发这个。请帮我。谢谢。

创建Fiddle。

【问题讨论】：

您想显示一个不存在的数组中的值？
{{ item.text.replace('XYZ', 'MNO') }} ?
@ChrisPickford，是的，我想显示不存在的值，仅用于显示目的/查看目的。
@ChrisPickford，我不确定如何在 ng-repeat 上应用 {{ item.text.replace('XYZ', 'MNO') }} 吗？
用它替换你的 {{ item.text }} 行。

标签： javascript angularjs angularjs-ng-repeat angularjs-ng-show

【解决方案1】：

如果您只是想在遇到特定值时在视图中直接替换文本，您可以使用string.replace，如下所示：

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

【讨论】：