jQuery附加HTML元素，但也在后面显示代码

Question

我正在执行Ajax调用并根据响应呈现两个模板之一。将呈现正确的模板，但脚本的其余部分在页面上逐字呈现。请参阅下面的代码。请注意，以下代码的第一部分是在 Ajax 成功函数中，直到报价开始，一切都按预期工作：

if (questionAnswered == true) {
          $('#dashboard-container').innerHTML("<div>{{ template "header.html" .}}</div><div>{{ template "dashboard_answered.html" .}}</div>");
        }
    },
    error: function() {
      console.log('Diary GET failure--there are no diaries');
    }
  });

dashboard_answered.html正确渲染，但从结束"开始的所有内容也是如此。所以我最终在我的页面上得到了一堆文本，只是代码。我已经尝试了我能想到的一切，并搜索了堆栈溢出无济于事。这包括转义附加 HTML 中的嵌套引号。

我该如何解决这个问题？

Answer 1

您是否尝试过使用单引号将整个字符串括起来，并在其中使用双引号：

if (questionAnswered == true) {
          $('#dashboard-container').innerHTML('<div>{{ template "header.
html" .}}</div><div>{{ template "dashboard_answered.html" .}}</div>');
        }
    },
    error: function() {
      console.log('Diary GET failure--there are no diaries');
    }
  });