Angular4 视图在 Internet Explorer 11 中积累答案

【问题标题】：Angular4 views are accumulating in Internet Explorer 11Angular4 视图在 Internet Explorer 11 中积累
【发布时间】：2018-05-10 19:06:13
【问题描述】：

我在使用 Angular4（当前为 4.4.6）时遇到问题，不是在 Chrome、Firefox 或 Edge 中，而是在 Internet Explorer 11 中。当我浏览应用程序时，新视图已加载，但当我向下滚动旧视图仍然可见。重新加载应用程序后，仅显示最后一个视图。

控制台中抛出了两个错误。可能只有我一个人，但我无法从这些错误中获取任何信息：

    ERROR Error: Invalid argument.
   "ERROR"
   {
      [functions]: ,
      __proto__: { },
      description: "Invalid argument.",
      message: "Invalid argument.",
      name: "Error",
      ngDebugContext: { },
      number: -2147024809,
      stack: "Error: Invalid argument.
   at DefaultDomRenderer2.prototype.setValue (eval code:2950:71)
   at BaseAnimationRenderer.prototype.setValue (eval code:502:73)
   at DebugRenderer2.prototype.setValue (eval code:13972:66)
   at checkAndUpdateTextInline (eval code:12037:9)
   at checkAndUpdateNodeInline (eval code:12539:13)
   at checkAndUpdateNode (eval code:12484:9)
   at debugCheckAndUpdateNode (eval code:13341:5)
   at debugCheckRenderNodeFn (eval code:13320:13)
   at Anonymous function (Function code:53:5)
   at debugUpdateRenderer (eval code:13305:5)",
      Symbol(rxSubscriber)_m.xriwebaozwe: undefined
   }

   ERROR CONTEXT [object Object]
   "ERROR CONTEXT"
   {
      [functions]: ,
      __proto__: { },
      component: { },
      componentRenderElement: { },
      context: { },
      elDef: { },
      elOrCompView: { },
      elView: { },
      injector: { },
      nodeDef: { },
      nodeIndex: 13,
      providerTokens: [ ],
      references: { },
      renderNode: { },
      Symbol(rxSubscriber)_m.xriwebaozwe: undefined,
      view: { }
   }

除了告诉用户使用像样的浏览器之外，谁能告诉我该怎么做？

【问题讨论】：

标签： angular internet-explorer-11

【解决方案1】：

我也有同样的例外。在我的例子中，我使用指令属性 innerText 来设置 div 元素的文本。我将其更改为 textContent（仅用于设置）并解决了这个问题。希望对你有帮助。

【讨论】：

【解决方案2】：

在我的情况下，以下行导致了问题。

<span [innerHTML]="getHtml()"></span>

getHtml() 方法返回一个纯字符串。

function getHtml() {
    return 'plain string'; //WRONG. It should return html like <p>Paragraph</p>
}

【讨论】：