Angular4 View 在 Internet Explorer 11 中累积

Question

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

控制台中抛出两个错误。这可能只是我的问题，但我无法从这些错误中获取任何信息:

    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: { }
   }

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

Answer 1

在我的例子中，以下行导致了问题。

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

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

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