angular.js:替换文本

时间:2014-02-10 09:51:38

标签: javascript string angularjs

我是angular.js的新手。 下面是我的第一个应用程序。第二个文本区域显示在第一个区域中键入的文本。 什么是正确的方法以及如何使它以这种方式工作: 文本结果与源文本几乎相同,但字母“a”替换为“0”。

<!DOCTYPE html>
<html data-ng-app="">
<head>
    <script src="angular1.2.12.js"/>
    <script>
    </script>
</head>
<body>
    <textarea data-ng-model="source"></textarea>
    <textarea id="result">{{source}}</textarea>
</body>
</html>

这是jsFiddle

1 个答案:

答案 0 :(得分:1)

您可以在source上应用过滤器进行转换。

app.filter('replaceA', function(){
    return function(input){
      return input.replace(new RegExp('a', 'g'), '0');
    }
});

然后将其应用于您的HTML

<textarea data-ng-model="source"></textarea>
<textarea id="result">{{ source || '' | replaceA }}</textarea>

jsFiddle