When building large sites or apps w

When building large sites or apps with many routes/views in AngularJS, it would be good to not have to load all artefacts such as controllers, directives etc., on the first load. Ideally, on first load, only the artefacts that are needed for the route in question, will be loaded. This may be either in one download or multiple depending on the app, however, it will only be what is needed to render the particular route. Then as the user navigates the app by changing the route, other artefacts that have not already been loaded, will then be loaded as and when there are needed. Not only should this potential speed up the initial page load, but it should also result in bandwidth not being wasted. With this post, my aim is to show how the lazy loading of artefacts such as controllers and directives can be achieved with AngularJS.


In order to lazy load artefacts such as controllers and directives in AngularJS, there are two primary questions that will have to be answered and they are as follows:

How can lazy artefacts be registered against a module after the application has already been bootstrapped?
Where in the application should the actual loading take place using your script loader of choice?

Kết quả (Việt) 1:

Khi xây dựng các trang web lớn hoặc các ứng dụng với nhiều tuyến đường/quan điểm trong AngularJS, nó sẽ được tốt để không phải tải tất cả các đồ tạo tác chẳng hạn như bộ điều khiển, chỉ thị vv, tải đầu tiên. Lý tưởng nhất, đầu tiên tải, chỉ các đồ tạo tác cần thiết cho các tuyến đường trong câu hỏi, sẽ được nạp. Điều này có thể là hoặc tải về một hoặc nhiều tùy thuộc vào các ứng dụng, Tuy nhiên, nó sẽ chỉ là những gì cần thiết để render các tuyến đường cụ thể. Sau đó, khi người dùng điều hướng các ứng dụng bằng cách thay đổi các tuyến đường, đồ tạo tác khác đã không đã được nạp, sẽ sau đó được nạp như và khi có là cần thiết. Không chỉ nên tiềm năng này tăng tốc độ tải trang ban đầu, nhưng nó cũng sẽ dẫn đến băng thông không bị lãng phí. Với bài đăng này, mục tiêu của tôi là để hiển thị như thế nào nạp đồ tạo tác chẳng hạn như bộ điều khiển và chỉ thị, lười biếng có thể đạt được với AngularJS.Để lười biếng tải đồ tạo tác chẳng hạn như bộ điều khiển và chỉ thị trong AngularJS, có hai câu hỏi chính mà cần phải được trả lời và họ là như sau:Làm thế nào có thể lười biếng đồ tạo tác được đăng ký với một mô-đun sau khi ứng dụng đã được bootstrapped?Nơi trong ứng dụng nên nạp thực tế diễn ra bằng cách sử dụng bộ nạp kịch bản của bạn của sự lựa chọn?