Question

将td.height属性绑定到数字会在IE11中生成堆栈跟踪，但可以在Firefox和Chrome中使用。

<td [height]="bufferHeight"></td>

bufferHeight变量初始化为30

  bufferHeight: number;

  constructor() {
    this.bufferHeight = 30;
  }

解决此问题的一种方法是将缓冲区高度设为字符串并将其初始化为“30px”。

当我意识到在HTML5中弃用了height属性并切换到以下

时，我最终修复了代码

<td [style.height.px]="bufferHeight">

为什么IE表现不同？由于隐秘的错误消息，这样的错误很难被追踪。这个项目是用角种子引导的。

Error: Uncaught (in promise): Error: Error in http://localhost:5555/app/test/test.component.html:17:44 caused by: Invalid argument.
   at resolvePromise (http://localhost:5555/node_modules/zone.js/dist/zone.js?1482518301781:429:25)
   at resolvePromise (http://localhost:5555/node_modules/zone.js/dist/zone.js?1482518301781:414:17)
   at Anonymous function (http://localhost:5555/node_modules/zone.js/dist/zone.js?1482518301781:462:17)
   at ZoneDelegate.prototype.invokeTask (http://localhost:5555/node_modules/zone.js/dist/zone.js?1482518301781:234:17)
   at onInvokeTask (eval code:5967:25)
   at ZoneDelegate.prototype.invokeTask (http://localhost:5555/node_modules/zone.js/dist/zone.js?1482518301781:234:17)
   at Zone.prototype.runTask (http://localhost:5555/node_modules/zone.js/dist/zone.js?1482518301781:136:21)
   at drainMicroTaskQueue (http://localhost:5555/node_modules/zone.js/dist/zone.js?1482518301781:368:25)
   at invoke (http://localhost:5555/node_modules/zone.js/dist/zone.js?1482518301781:308:25)

绑定到height属性会在IE中产生错误

0 个答案: