AngularJS - 替换视图或控制器中的值

Question

我需要在span元素中绑定来自模型的值，但我需要替换一些字符。

我认为我有两个选择：

1. 绑定时调用Javascript替换方法：

   {{myValue.replace（＆＃34; a＆＃34;，＆＃34; A＆＃34;）; }}

2. 在控制器中有一个myReplace函数，并在从视图绑定时调用它：

   //控制器： vm.myReplace = function（string）{return string.replace（＆＃34; a＆＃34;，＆＃34; A＆＃34;）; } //查看： {{vm.myReplace（value）}}

我想知道是否还有其他选项，以及AngularJS中推荐的方式（或最常见的方式）。谢谢。

Answer 1

我会针对您正在描述的用例过滤器。这样，它也会随着文本的变化而自动更改。

它是这样的：

<强> HTML：

<div>{{name | replaceA}}</div>  

过滤

filterExample.filter('replaceA', function () {
    return function (text) {
        if (!text) {
            return text;
        }

        return text.replace(/\a/g, 'A'); // Replaces all occurences
    };
})

Fiddle