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

Question

我有数据：

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
• 移动网络运营商

而不是显示：

• ABC
• PQR
• XYZ

即 ex：我想在显示视图页面时将文本值显示为："MNO" 而不是 "XYZ"，我不想更改变量中的任何内容($scope.demoValues) 使用 angularjs。我不确定如何开发它。请帮我。谢谢。

已创建 Fiddle。

Answer 1

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

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