Ignoring apostrophes in stringified JSON object passed from controller to component

Asked Nov 03 '17 at 21:40

Active Nov 04 '17 at 08:13

Viewed 36 times

I am rendering a component passing down data this way from a parent controller. However, I am getting an error because apostrophes are being read as the end quote (i.e.

//Sample Object
var data = { "name": "Shelly O'brien", grade: 12}

 function template(data) {
      return $compile("<node componentdata='" + angular.toJson(data) + "'>
      </node>")($scope);
    }

edited Nov 04 '17 at 08:13

AT82

71,416
24
140
167

asked Nov 03 '17 at 21:40

Eva

I guess that you have to escape ' with \' and may be by using a regex. – Jonathan Lebrun Nov 03 '17 at 21:50
1

@JonathanLebrun HTML doesn't use backslash for escaping, you need to convert to an entity like `'` – Barmar Nov 03 '17 at 22:11
@barmar : you are right. Good answer. Thanks for the correction – Jonathan Lebrun Nov 03 '17 at 22:14
I suspect Angular has a better method for doing this, so you don't have to concatenate strings and parse them, instead creating an object and setting its attributes. – Barmar Nov 03 '17 at 22:15

Ignoring apostrophes in stringified JSON object passed from controller to component

0 Answers0