angular - 附加<textarea>元素并将其发布为字典类型

我是Angular的新手，这就是我想要实现的目标：

在按钮上单击“添加字段”，在页面上存在的</code>元素之后添加<code> <textArea> </code>元素。 </li> <li>在按钮上单击“重新提交”以提交页面，然后在步骤<code> 1 </code>中将添加的新元素推送到页面。</li> </ol> <p>我是否需要使用<code> FormGroup将页面中的所有文本区域元素包装起来 </code>？</p> <p>我该如何实现？</p> <h2> HTML </h2> <pre> <code> <h2>您的任务ID：{{id}} </h2> <div * ngFor =“让commandKeys的键”> <span class =“ ui-float-label”> <textarea [id] =“ key” [rows] =“ 1” [cols] =“ 70” pInputTextArea [（ngModel）] =“ commandPacket [key]”> {{key}}

当前，页面已加载

  </code>控件
如何在添加了新字段的页面上进行细分？ </p>

<p>最终，新字段的格式必须为<code> commandPacket：{[key：string]：string; }; </code>，这样我就可以将它们发布到服务器上的词典</p>
    </div>

    <div class="answer-list">
      <h4>0 个答案:</h4>
      
      <div class="hr-line-dashed"></div>
      <div>没有答案</div>
      
    </div>

  </div>

  <div class="right">
    <div style="height:400px">
        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
        <ins class="adsbygoogle"
             style="display:block"
             data-ad-client="ca-pub-6263610230477973"
             data-ad-slot="2820756182"
             data-ad-format="auto"
             data-full-width-responsive="true"></ins>
        <script>
          (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
    </div>


    <div style="height:20px"></div>

    <div class="releated-question-wrapper">
      <div class="header">
        相关问题
      </div>
      <div class="hr-line-dashed"></div>
      <ul>
        
        <li>
          <a href="/q/2317329">Textarea $ .post未定义</a>
        </li>
        
        <li>
          <a href="/q/12204799">在空行上分割<textarea>帖子</textarea></a>
        </li>
        
        <li>
          <a href="/q/24458585">JavaScript追加带元素的字符串</a>
        </li>
        
        <li>
          <a href="/q/30681566">TypeError：*：'dict'和'int'</a>
        </li>
        
        <li>
          <a href="/q/42490332">检索Dictionnary值并将它们附加到数组Swift中</a>
        </li>
        
        <li>
          <a href="/q/44006836">加载JSON对象值并将它们附加到textarea中</a>
        </li>
        
        <li>
          <a href="/q/47962601">TypeError：+：'dict'和'float'</a>
        </li>
        
        <li>
          <a href="/q/49066569">使用回车附加textarea并发布</a>
        </li>
        
        <li>
          <a href="/q/50971130">附加<textarea>元素并将其发布为字典类型</a>
        </li>
        
        <li>
          <a href="/q/55134281">如何将值附加到字典并对其进行排序？</a>
        </li>
        
      </ul>
    </div>



    

    

    <div class="releated-question-wrapper">
      <div class="header">
        最新问题
      </div>
      <div class="hr-line-dashed"></div>
      <ul>
        
        <li>
          <a href="/q/68614764">我写了这段代码，但我无法理解我的错误</a>
        </li>
        
        <li>
          <a href="/q/68614678">我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？</a>
        </li>
        
        <li>
          <a href="/q/68614175">是否有可能使 loadstring 不可能等于打印？卢阿</a>
        </li>
        
        <li>
          <a href="/q/68614313">java中的random.expovariate()</a>
        </li>
        
        <li>
          <a href="/q/68614125">Appscript 通过会议在 Google 日历中发送电子邮件和创建活动</a>
        </li>
        
        <li>
          <a href="/q/68615109">为什么我的 Onclick 箭头功能在 React 中不起作用？</a>
        </li>
        
        <li>
          <a href="/q/68615123">在此代码中是否有使用“this”的替代方法？</a>
        </li>
        
        <li>
          <a href="/q/68614097">在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化</a>
        </li>
        
        <li>
          <a href="/q/68614427">每千个数字得到</a>
        </li>
        
        <li>
          <a href="/q/68615239">更新了城市边界 KML 文件的来源？</a>
        </li>
        
      </ul>
    </div>
    <div class="">
    </div>
  </div>
</div>


    <div>
      <script>
        var host = window.location.host;
if (host =="www.thinbug.com"){
  (function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
}
      </script>

    

  </body>
</html>

附加<textarea>元素并将其发布为字典类型

TS