angular.js : replacing text

Question

I'm new to angular.js. Below is my first working app. The second text area displays the text typed in the first area. What's the proper way and how to make it work this way: the text result is almost the same as in the source, but letters "a" are replaced with "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>

Here is a jsFiddle.

I could edit your Jsfiddle to do what you want to achieve. However, i believe that this won't help you as it would be the shortest possible way to do so and has nothing to do with a 'real world' application. What have you tried so far? Have you completed the tutorial? — Wottensprels
– Wottensprels, Commented Feb 10, 2014 at 9:56

kubuntu · Accepted Answer · 2014-02-10 10:55:07Z

1

You can have a filter applied to the source to do the conversion.

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

Then apply this to your HTML

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

jsFiddle

edited Feb 10, 2014 at 10:55

answered Feb 10, 2014 at 9:58

kubuntu

2,5351 gold badge24 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

kasoban Over a year ago

JS replace() will only replace the first occurrence.

Collectives™ on Stack Overflow

angular.js : replacing text

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related