lint 错误阻止做了一些研究，但没有成功

Question

• 我是 tslint 和 typescript 的新手。
• 我正在尝试修复此错误。
• 你能告诉我如何解决它吗？
• 我做了一些研究，但找不到解决方案。
• 在下面提供代码。

(no-inner-html) app/components/sports.ts[717, 9]：使用 html() 函数将字符串写入 innerHTML 是不安全的：$('.tubing').html(health.标题）

if (health.title == "waterS") {
      let that = this;
      let recordPlayersWeight = {};
      this.futureParrot = [];
      this.pastParrot = [];
      this.peacockService.getResponse(health.url, 'get', null)
        .subscribe(recordPlayersWeight => {
            this.gridData = recordPlayersWeight.waterDtos;
            that._recordPlayersWeightSource.recordPlayersWeight(this.gridData);
          },
          err => {
          }
        );
    }

    that.window = $("#TigerwatersPopup");
    that.window.kendoWindow({
      width: "60%",
      title: false,
      visible: false,
      resizable: false,
      actions: [],
      draggable: false,
      modal: true,
      open: function() {
        $("html, body").css("overflow", "hidden");
        that.isVisible = true;
        $('.tubing').html(health.title);

Answer 1

当您使用 jQuery 的 .html() 函数时，可能会不小心将“不安全”元素添加到您的页面，例如 iframe 标签或源标签。如果您添加的 html 是由恶意用户提交的（例如，作为查询的一部分或在表单中输入的数据），那么您就是在为他们提供攻击您的方法。这是一种代码注入攻击（见https://en.wikipedia.org/wiki/Code_injection）。

在您的情况下，您似乎只是想将纯文本放入 .tubing 元素中，所以这样做更安全

$('.tubing').text( health.title );

它的作用是“转义”任何 HTML 特殊字符，例如 < 或 >，以便它们显示为文本而不是被视为元素。这是安全的，可以防止攻击者注入代码，并且不会触发 lint 规则。