angularjs - 在angularjs中加载应用程序的其余部分之前如何加载应用程序的一部分？

Question

我想不出更好的标题，请推荐一个。

我打算开发一个大型网络应用程序。在应用程序开始运行之前加载完整的应用程序需要一些时间。

假设它类似于 asana.com。如果您有该任务的链接并打开该链接。它首先加载应用程序，然后显示任务的详细信息。
注意:我在更新 2 中添加了另一个示例

我想做的恰恰相反。假设我尝试直接打开链接。它应该首先向我显示任务详细信息，然后在后台加载整个应用程序。

我应该遵循什么开发策略来实现这样的功能。 Angular 对此有好处吗？我曾在小型项目中使用过 angular，并且能够以 angular 的方式思考 :)我只是想指出正确的方向。

更新 1:
我在支持中使用 Apache2 PHP5 作为 ReST API。我正在考虑更改为 GoLang http 服务器。但这在这种情况下并不重要:)

更新 2:
我还没有开始处理这个应用程序，但我知道它的大小会很大并且加载应用程序需要时间。这将是一个 javascript 应用程序，所有与 Web 的通信将主要通过 API 完成。 API 将很快并且不会减慢应用程序的速度。我主要关心的是 javascript 库和解决我想在加载应用程序之前显示页面内容并在后台加载应用程序的问题的方法。
作为第二个例子:https://chrome.google.com/webstore/detail/a-journey-through-middle/gjgkjeheegjnnmheaflhdocglkiegoni?utm_source=chrome-ntp-icon
如果您在 chrome 中打开此链接，它将加载应用程序，然后在弹出窗口中加载特定内容。我想先加载弹出窗口的内容，然后在后台加载应用程序。我应该如何编写我的应用程序来实现这一点。

Answer 1

我的建议(我说这个是因为我开始做类似的事情，而不是已经证明它是成功的)是使某种级别的框架相当静态，这样用户几乎可以立即响应加载的站点，然后开始 Angular 分析类似这样的应用

angular.bootstrap(document.getElementById("container"), ["app"])

API 引用 - https://docs.angularjs.org/api/ng/function/angular.bootstrap演示引用 - https://egghead.io/lessons/angularjs-angular-bootstrap-app-init

我的期望是你将能够

1. 快速加载您的静态元素(其中只有您的内容/ Material 的占位符)
2. 按照您希望在屏幕上显示的顺序访问您想要的数据
3. 释放应用的任何其他部分，您需要对其进行 Chrome /装饰或填充辅助项目。