angularJS $狀態優化問題

Question

基本上，我的問題是關於角度$ state優化。 我有一個小項目，每次調用某個狀態時（大約有9個對象需要解決），加載頁面大約需要3-4秒。 我以為狀態是問題，所以我決定只解析具有9數據的對象，而不是解析9。但是我意識到頁面加載仍需要3-4秒。 有沒有一種方法可以優化角度代碼，以便更快地加載。

resolve: {

                // Countries: function (msApi)
                // {
                //     return msApi.resolve('countries@query');
                // },
                // Nationalities: function (msApi)
                // {                        
                //     return msApi.request('nationalities@query');
                // },
                // EmploymentStatuses: function (msApi)
                // {                        
                //     return msApi.request('employment-statuses@query');
                // },
                // Industries: function (msApi)
                // {                        
                //     return msApi.request('employment-industries@query');
                // },
                // JobFunctions: function (msApi)
                // {                        
                //     return msApi.request('employment-jobfunctions@query');
                // },
                // EducationLevels: function (msApi)
                // {                        
                //     return msApi.request('employment-educationlevels@query');
                // },
                // FieldOfStudy: function (msApi)
                // {                        
                //     return msApi.request('employment-fieldofstudy@query');
                // },
                SkillList: function (msApi)
                {                        
                    return msApi.request('employment-skilllist@query');
                },   

                //All Requests in One
                ResumeData: function (msApi)
                {                        
                    return msApi.request('resume-entry-requests@get');
                }, 
            }

那些評論，是通過ResumeData獲得的。 另外，查看頁面上有很多ng-repeats，這會是一個問題嗎？ 如果是，是否還有其他方法可以替換ng-repeat來填充選擇和其他組件以提高性能？

Answer 1

您可以使用$httpProvider.useApplyAsync(true); （ http://blog.thoughtram.io/angularjs/2015/01/14/exploring-angular-1.3-speed-up-with-applyAsync.html ），以加快多個請求的速度。

並且，您可以創建一個緩存服務，該服務將保留數據（例如5分鍾），因此，當用戶切換狀態時，它將從內存而不是服務器中的js對象獲取數據。

不幸的是，就HTTP調用性能而言，這就是我現在能想到的。 如果僅花費4秒，那么您就無能為力了。