castillo-io/angular-css

[request] When loading stylesheet with ui-router, hide view until stylesheet loads

Open

#68 建立於 2016年6月5日

在 GitHub 查看
 (4 留言) (6 反應) (0 負責人)JavaScript (473 star) (91 fork)batch import
bughelp wanted

描述

With sufficiently large stylesheets, there is a noticeable flicker when loading the sheet; after the HTML renders, but before the CSS is applied. Angular and uiRouter both have solutions for this issue, but angular-css doesn't support either of them natively.

ngCloak does wait until the HTML renders, but the stylesheet lags behind considerably; and I can't find a way to use angular-css inside ui-router's resolve. Support for either of these would be fantastic. Personally, I think the ngCloak approach is more "Angular", but there needs to be a way to wait for the stylesheet before showing the page.

Thank you so much for an otherwise amazing project! This feels like one of those things that are so obvious it's weird they're not built into Angular as it is. Keep up the good work! 😁

貢獻者指南

技術棧
javascriptcsshtml
領域
frontend
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-2 days
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
mostly clear
前置要求
AngularJSui routerCSS loading
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
35
研究方向
The issue requests a way to delay view rendering until the stylesheet loads using ui router's resolve or ngCloak. To implement, examine angular css's existing directive and how it loads stylesheets. Look at ui router's $stateProvider resolve to inject the stylesheet promise. Also consider AngularJS's $templateRequest and ngCloak. See comments on the issue for additional context.