ngModel for textarea not working in angular 2

Question

I am trying to print json object in textarea using ngModel.

I have done following:

</script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-5408099190056760"
     data-ad-slot="7305827575"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>        </div>
      </div>
      
      <div class="fly-panel detail-box" id="flyReply">
        <fieldset class="layui-elem-field layui-field-title" style="text-align: center;">
          <legend>8条回答</legend>        </fieldset>

        <ul class="jieda" id="jieda">
                    <li data-id="111" class="jieda-daan">
            <a name="item-1111111111"></a>
            <div class="detail-about detail-about-reply">
                         <a class="fly-avatar" href="">
                <img src="https://www.e-learn.cn/qa/data/avatar/000/00/00/small_000000056.jpg" alt=" 遇见更好的自我 ">
              </a>
              <div class="fly-detail-user">
                <a href="" class="fly-link">
                  <cite> 遇见更好的自我</cite>
                                             
                </a>
                
                <span>(楼主)</span>
            
              </div>              <div class="detail-hits">
                <span>2021-02-06 23:39</span>
              </div>

            </div>
            <div class="detail-body jieda-body photos">
              <p>          


<p>Assuming that you want to bind <code>rapidPage</code> as it is and will only write valid JSON in the textArea.</p>

<ul>
<li>You need to <code>PARSE</code> it when changing the value, and <code>STRINGIFY</code> when showing in textarea.</li>
</ul>

<hr>

<p>StackBlitz DEMO</p>

<p>Do the following in your Component code</p>

<pre class="lang-ts prettyprint-override"><code>  rapidPage = {"pageRows":[{"sections":[{"sectionRows":[{"secRowColumns":[]},{"secRowColumns":[{"colName":"users"}]},{"secRowColumns":[{"colName":"sample"}]}],"width":0}]}],"pageName":"DefaultPage","pageLayout":"DEFAULT_LAYOUT","editMode":true}; 
  // your object

  get rapidPageValue () {
    return JSON.stringify(this.rapidPage, null, 2);
  }

  set rapidPageValue (v) {
    try{
    this.rapidPage = JSON.parse(v);}
    catch(e) {
      console.log('error occored while you were typing the JSON');
    };
  }
</code></pre>

<p>Template Usage: </p>

<pre class="lang-ts prettyprint-override"><code><textarea [(ngModel)]='rapidPageValue' rows="30" cols="120">