AngularDart NgComponent 在浏览器调整大小之前不存在答案

【问题标题】：AngularDart NgComponent is absent until browser resizeAngularDart NgComponent 在浏览器调整大小之前不存在
【发布时间】：2014-01-30 01:43:32
【问题描述】：

我正在使用 AngularDart 和引导程序构建一个项目。我的项目包含一个 NgComponent，它在 shadow dom 中呈现。在加载时，组件似乎有五分之一的机会在页面上可见。 5 次中的另外 4 次需要调整浏览器大小（到响应式引导 css 回弹的位置）才能看到组件。这只是一些时髦的 CSS 还是什么？

【问题讨论】：

我们已经在 Dartium 的早期版本（Dart 1.0 之前）上看到了这个错误，但它很难重现。你使用的是什么浏览器？你能发布一个指向你的组件的链接吗？
我正在使用与 Dart Editor 版本 1.0.0_r30798 (STABLE) 一起打包的 Dartium。我已经通过不使用组件 (stackoverflow.com/q/21415998/223455) 解决了这个问题。我会尽快重新创建这个。
结论是什么？
最后我把 NgComponent 全部去掉了。我决定 Angular 在幕后做了很多魔法，我可能应该坚持使用复杂的 Angular 方案，直到我的飞镖技巧更成熟一点。您可以查看上面的链接了解更多信息。

标签： css angularjs twitter-bootstrap dart angular-dart

【解决方案1】：

通常这是发生错误的时候。当你设置class="ng-cloak" Angular 隐藏内容并且当 Angular 的初始化在某个时候失败时，它并没有达到它取消隐藏内容的地步。检查 DartEditor 或开发控制台中的输出。

【讨论】：

我已经删除了 ng-cloak 的所有实例，并且几乎两个控制台都很清晰。自从包括引导程序以来，就有一些关于无效 css 的注释。
无效的 CSS 属性值：progress-bar-stripes 2s 线性无限无效的 CSS 属性值：transform 0.3s ease-out 无效的 CSS 属性声明在：/ 无效的 CSS 属性值：progress-bar-stripes 2s线性无限无效的 CSS 属性值：transform .3s ease-out event.returnValue 已弃用。请改用标准 event.preventDefault()。
无效的 CSS 通常是其他浏览器的供应商前缀。这是我唯一的想法。