The component loader is an attribute directive that can be attached to any component allowing the display of a loading message during data loading. While the message is being diaplayed, the component UI is blocked from user interaction. The loading message itself can be customized using an exposed directive property.
You can see the running demo here. A timeout is used to simulate data loading calls.
This project was generated with angular-cli version 1.0.0-beta.18.
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.