javascript - 使用 Angular 样式加载 CSS

Question

我的页面加载并应用在其中一个包含 CSS 链接中定义的 CSS。我还有一个 Angular Controller ，它调用一些服务来获取一些数据。此数据还将应用 css 样式(通过 Angular )，具体取决于它返回的数据类型。

问题是，因为服务必须等待一秒钟左右的数据才能操纵页面上的样式，所以页面样式会出现延迟。

页面加载应用 CSS...等待数据从服务调用返回，然后应用更多样式。

有没有一种方法可以在应用页面上的任何样式(无论是来自 css html 链接还是 Angular Directive(指令))之前等待数据返回，从而避免这种延迟/加载问题？

Answer 1

您可以在解析 Angular 路径之前预加载数据。

例子:

$routeProvider
                .when('/bar/foo/',
                {
                    templateUrl: '',
                    controller: Ctrl,
                    resolve: {
                        data: ['service', function (service) {
                              return service.function();
                          }
                        ],
                    }
                })

将 'data' 作为依赖项注入(inject)到您的 Controller 中。在这种情况下，数据在呈现页面之前可用。