在<pre> 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>

Answer 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!!

Answer 2

我使用<textarea>代替<pre>，它解决了我的问题：）