Error: Failed to execute 'appendChild' on 'Node': Only one element on document allowed

Question

我有这样的导航标签

  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" ng-click="selectTab(1)">
      <a href="javascript:void(0);" ng-class="{active:isActive(1)}">Tab1</a>
    </li>
    <li role="presentation" ng-click="selectTab(1)">
      <a href="javascript:void(0);" ng-class="{active:isActive(1)}">Tab2</a>
    </li>
</ul>

现在我正在尝试将数据附加到 秒 div 中的 textarea 字段，作为 hidden

然后我收到这个错误：

Error: Failed to execute 'appendChild' on 'Node': Only one element on document allowed.

具体是什么意思

<div ng-show="isActive(1)"> //true
<form class="formStep1" name="formStep1">
<input type="number" ng-model="salary" id="salary" name="salary" >
</form>
</div>

<div ng-show="isActive(2)"> //false
<form name="formStep2" class="formStep2">
<textarea name="job_description" ng-model="job_description" id="job_description" ></textarea>
</form>
</div>

注意：当我将文本区域放在第一个 div 表单中时，它工作正常

但我希望在下一个选项卡的第二个表单中显示此字段。

这就是我在夏季笔记编辑器中附加日期的方式。我该如何调试这个问题..？

var jobDescription = finTempObj.job_description; //data
$('#job_description').summernote('reset');
$('#job_description').summernote('editor.pasteHTML', jobDescription);

Answer 1

这个解决了我的问题：

var jobDescription = finTempObj.job_description;
$('#job_description').summernote('reset');
$("#job_description").summernote("code", jobDescription);

Error: Failed to execute 'appendChild' on 'Node': Only one element on document allowed

Error: Failed to execute 'appendChild' on 'Node': Only one element on document allowed

html

javascript

jquery

angularjs

summernote