angularjs - Angular + Ionic 通过 XHR 加载所有内容

Question

我们有一个 Angular + Ionic 应用程序，我们计划通过 Cordova 运行该应用程序，但遇到了我们试图追踪的性能问题。

在本地或构建的应用程序上运行时，我们在 Chrome 开发工具网络选项卡中看到的内容如下:

重复加载 CSS

XHR 请求获取我们的 Angular UI 路由器链接到的每个模板文件，而无需访问路由

举个例子:



来自 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 模板、指令模板)。

Answer 1

好吧，当一个状态被激活时，模板会自动插入到其父状态模板的 ui-view 中。

你应该检查你是如何定义你的状态的。和/或与我们分享您的状态定义:)