为什么此aurelia数据绑定更改未在EDGE中呈现

时间:2017-02-28 16:25:09

标签: aurelia microsoft-edge shadow-dom

这在EDGE中是一个奇怪的问题,我认为DOM 正在更新,但渲染的视图并没有反映出来(直到你调整窗口大小)。谁能告诉我为什么?

由于某些原因,gist在EDGE中不起作用所以我在使用Aurelia cli的项目中重新创建了:

https://github.com/AnthonyWard/aurelia-edge-dom-render-issue

边缘DOM的渲染问题

显示EDGE浏览器的问题

安装aurelia cli npm install aurelia-cli -g

运行npm install然后au run

打开EDGE并转到http://localhost:9000/

选择1 ,表示对象{ id: 1, name: 'This has an optional property', optional: "Hi, I'm optional" }

然后选择2 ,表示对象{ id: 2, name: "This doesn't have an optional property", }

在EDGE中,您会注意到可选字段仍为,但在Chrome中却没有(所需的行为)。如果您调整EDGE窗口的大小,则可选属性会消失,结果将与Chrome中的结果相同。 Microsoft Edge 38.14393.0.0。 Microsoft EdgeHTML 14.14393。**

对于其他测试,请返回1,然后选择2,3或4等。

this.things = [
    { id: 1, name: 'This has an optional property', optional: "Hi, I'm optional"  },
    { id: 2, name: "This doesn't have an optional property" },
    { id: 3, name: 'This has a null optional property', optional: null  },
    { id: 4, name: 'This has an undefined optional property', optional: undefined  },
    { id: 5, name: 'This has an empty string optional property', optional: ""  },
    { id: 6, name: 'This has a whitespace string optional property', optional: " "  }
];

它们都表现出相同的行为。为什么呢?

  • 图书馆版本: 1.1.0

  • 操作系统 Windows 10

  • 节点版本: 7.5.0

  • NPM版本: 4.1.2

  • 浏览器: Microsoft Edge 38.14393.0.0。 Microsoft EdgeHTML 14.14393。

0 个答案:

没有答案