Ionic 4 + Angular - String interpolation to JSON string

Question

I have the following JSON,

{
  "commands": [
    {
      "command":"begin ${{password}}",
      "name":"Initialization",
      "description":"Send SMS begin+password"
    }
  ]
}

How can I pass data to ${{password}} to get the filled string using the passed value?

I tried to use interpolation function as described on the following topic but without any success.

Convert a string to a template string

Does Angular, Ionic provide some built-in functions for this?

But JSON with using single quotes is not valid JSON. "command":'begin ${password}'. I want to set variable to class scope and print JSON value to template. Interpolated value in JSON should be replaced by the value set in the Class Scope. — redrom
– redrom, Commented Apr 24, 2019 at 12:08

nice_dev · Accepted Answer · 2019-04-24 13:13:20Z

1

var password = 'StackOverflow';
var json_string = `{
  "commands": [
    {
      "command":"begin ${password}",
      "name":"Initialization",
      "description":"Send SMS begin+password"
    }
  ]
}`;

console.log(json_string);

Well, you could just use backticks (``) and make it a template string, since you could edit the json file as discussed in the comments. Also, you need to have placeholders for variable's value to take effect. So change ${{password}} to ${password}.

answered Apr 24, 2019 at 13:13

nice_dev

17.8k3 gold badges24 silver badges39 bronze badges

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

2 Comments

redrom Over a year ago

Thanks for code snippet, but seems that JSON content cannot be attached dynamically. private modifyData(data:any) { let json_string = +JSON.stringify(data)+; return JSON.parse(json_string); Does not changing data in placeholders.

nice_dev Over a year ago

@redrom You have the json data in a file. So, have backticks and placeholder changes in the file there and read it in your modifyData().

redrom · Accepted Answer · 2019-04-24 14:17:16Z

0

After some digging around solved using replace in this way:

{
  "commands": [
    {
      "command":"begin |password| and |ipAddress|",
      "name":"Initialization",
      "description":"Send SMS begin+password"
    }
  ]
}

private modifyData(data:any) {
    let stringifiedData  = JSON.stringify(data).replace("|password|", this.password).replace("|ipAddress|", this.ipAddress);
    return JSON.parse(stringifiedData);
  }

Result:

answered Apr 24, 2019 at 14:17

redrom

11.6k34 gold badges166 silver badges269 bronze badges

1 Comment

nice_dev Over a year ago

This isn't technically templating but a simple string replace.

Collectives™ on Stack Overflow

Ionic 4 + Angular - String interpolation to JSON string

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related