我们有一个 Angular + Ionic 应用程序,我们计划通过 Cordova 运行该应用程序,但遇到了我们试图追踪的性能问题。
在本地或构建的应用程序上运行时,我们在 Chrome 开发工具网络选项卡中看到的内容如下:
举个例子:
![enter image description here](https://i.sstatic.net/VoKKa.png)
来自 angular.js 源代码的第 3167 行(用星号表示):
append: function(element, node) {
var nodeType = element.nodeType;
if (nodeType !== NODE_TYPE_ELEMENT && nodeType !== NODE_TYPE_DOCUMENT_FRAGMENT) return;
node = new JQLite(node);
for (var i = 0, ii = node.length; i < ii; i++) {
var child = node[i];
element.appendChild(child); *
}
},
我从未见过类似的东西 - 我们已经检查了所有基础知识(重复的脚本/css 包括等)、禁用的 Ionic 缓存等。
我正在把东西剥离到螺柱上,看看是什么导致了这种情况,但希望其他人已经看到了这一点,并且可以提供一些关于从哪里开始寻找的建议。
更新
重复的 CSS 似乎是由于我们的 index.html 文件导致我们的 Angular 应用程序被错误地指向为 UI 路由器配置中的状态。
所以根本问题是虚假/意外的 XHR 拉到应用程序中的所有静态文件( Angular ui 模板、指令模板)。
最佳答案
好吧,当一个状态被激活时,模板会自动插入到其父状态模板的 ui-view 中。
你应该检查你是如何定义你的状态的。和/或与我们分享您的状态定义:)
关于angularjs - Angular + Ionic 通过 XHR 加载所有内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31329041/