How to replace a character with replace function in angular?

Question

I want to replace the character { and } in a html string to {{ and }} i am using the replace function but i have the following error :

$scope.selectedtemplate.template.replace  is not a  function

My code

 $scope.selectedtemplate.template = $scope.selectedtemplate.template.replace("{" , "{{" ) ;
 $scope.selectedtemplate.template = $scope.selectedtemplate.template.replace("}" , "}}" ) ;

template is the HTML string

Apparently it's not an HTML string, as otherwise it would have a .replace method. Make sure the property really contains the value you expect at that time. — Bergi
– Bergi, Commented Sep 8, 2015 at 19:45
should have null check first and then do .replace string. — Pankaj Parkar
– Pankaj Parkar, Commented Sep 8, 2015 at 19:46
No isn't null was an object , i converted the object to string but don't replace the character. — alsuelo
– alsuelo, Commented Sep 8, 2015 at 20:41

mdlars · Accepted Answer · 2015-09-08 20:40:19Z

3

Here is an example: http://fiddle.jshell.net/33tom882/2/

You are probably getting the "replace is not a function" error because $scope.selectedtemplate.template is undefined or is not type of string. See here for more info on the string.replace function: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace

It seems like there would be a better way to solve your actual issue though, which would be to use Angular $scope properties to manage your variables rather than directly modifying the HTML as a string.

edited Sep 8, 2015 at 20:40

answered Sep 8, 2015 at 20:02

mdlars

92910 silver badges17 bronze badges

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

Comments

MoLow · Accepted Answer · 2015-09-08 19:49:31Z

2

There are two issues with yore code:

you need to convert template to a string before manipulating it as a string

you should replace the character globaly:

$scope.selectedtemplate.template = $scope.selectedtemplate.template.toString().replace(/{/g , "{{" ) ;
$scope.selectedtemplate.template = $scope.selectedtemplate.template.toString().replace(/}/g , "}}" ) ;

answered Sep 8, 2015 at 19:49

MoLow

3,0642 gold badges23 silver badges41 bronze badges

2 Comments

Pankaj Parkar Over a year ago

what if template is null/undefined?

MoLow Over a year ago

the code above should apparently be wrapped with a if

Collectives™ on Stack Overflow

How to replace a character with replace function in angular?

2 Answers 2

Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Related