javascript - 如何使用 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 页面上显示输出，如下所示:

• ABC
• PQR
• 移动网络运营商

而不是显示:

• ABC
• PQR
• XYZ

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

已创建 Fiddle .

Answer 1

如果您只是想在遇到特定值时在 View 中进行直接文本替换，则可以使用 string.replace如下:

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