Styles loaded in an area, how to define angular.js, cfpLoadingBar method

Question

A page consists of two views. I want them to be loaded and displayed separately. During the loading process, I want to add loading styles.
I use angular’s ​​cfpLoadingBar, and define cfpLoadingBar.start() and cfpLoadingBar.complete() at different locations where the $http service callback function is called; however, the loading effect of this method is presented on the entire page, not Rendered in a separate view module. What to do, please advise.

Answer 1

I have never used the component you mentioned. It may be complicated by the component.
A simple way is to divide the page into two parts when designing the router (ui router), and use two ui-views, so that they are independent. Just add loading to the template page respectively