Bind edited JSON in
tag to the variable

Question

I display JSON in pre tag using json pipe. Unfortunately when I edit JSON I don't see changes in value variable so how can I bind these values?

<pre contenteditable="true">{{value | json}}</pre>

Maybe this can help you a little: https://stackoverflow.com/questions/35378087/how-to-use-ngmodel-on-divs-contenteditable-in-angular2 — Roland Rácz, Feb 05 '18 at 13:14

score 1 · Answer 1 · answered Feb 05 '18 at 12:54

1

MAybe have you tried something like:

<input type="text" col="5" [(NgModel)]="value" />

<pre contenteditable="true">{{value | json}}</pre>

So put your json in a text area with a bind on your value?

Hope it helps you!!

answered Feb 05 '18 at 12:54

federico scamuzzi

score 0 · Answer 2 · answered Feb 05 '18 at 14:27

0

I used <textarea> instead of <pre> and it solved my problem :)

answered Feb 05 '18 at 14:27

AKZB

2 Answers2