这在EDGE中是一个奇怪的问题,我认为DOM 正在更新,但渲染的视图并没有反映出来(直到你调整窗口大小)。谁能告诉我为什么?
由于某些原因,gist在EDGE中不起作用所以我在使用Aurelia cli的项目中重新创建了:https://github.com/AnthonyWard/aurelia-edge-dom-render-issue
显示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。