我是一个ui/WebNoob，所以请容忍我。我有一个html textarea元素，它具有动态json验证（我不知道这是否有影响，除了使元素混乱）。现在，我需要通过单击按钮将选中的值传递给typescript函数，以便将其发送到api，以便根据模型进行验证。我有5个textarea框需要这个功能，并且希望有一组代码来传递textarea值和元素id（与api模型类型关联）。我认为我得到的最接近的结果是发送http请求，但参数都为null。当前错误为：

core.js:6456 ERROR TypeError: Cannot read property 'value' of null

我正在使用：angular cli:12.0.3节点：14.16.0包管理器：npm 6.14.11 tsc版本4.2.4
html:

<div class="form-group" [formGroup]="form">
    <label for="siteConfiguration">SiteConfiguration</label><br />
    <textarea rows="6" cols="80"
              class="form-control"
              id="'siteConfiguration'"
              name="siteConfiguration"
              [formControlName]="'siteConfiguration'"
              [(ngModel)]="siteCA.siteConfiguration"
              ngModel="jsonconfiguration"></textarea>
    <input type="button" value="Validate" style="width: auto" id="jsonConfiguration" (click)="GetCheckJsonConfiguration(id, siteCA.siteConfiguration)" /><br />
    </div>
    <pre></pre>
    <div id="jsonvalidatortext" [hidden]="form.get('siteConfiguration').pristine || form.get('siteConfiguration').valid">
      Please insert valid JSON.
    </div>
    <pre></pre>

打字稿：

GetCheckJsonConfiguration() {
    const jsonConfigurationName = 'siteconfiguration'; 
    const jsonConfiguration: any = (document.getElementById('siteconfiguration') as HTMLInputElement).value;
  this._checkjsonconfigurationservice.getCheckJsonConfiguration(jsonConfiguration, jsonConfigurationName)
    .subscribe(data => this.result = data);
  console.log(this.result);
  this.cdf.detectChanges();
  };

摘要：初始页面加载后，将填充textarea。文本区域应该有一个按钮，将文本区域的内容和元素id一起发送给函数。该函数调用api并返回一个带有true/false/errmsg的字符串，该字符串应显示在textarea上方。
谢谢你的关注。