https://github.com/theoomoregbee/angular-resolvers

Understanding angular resolvers
https://github.com/theoomoregbee/angular-resolvers

alert angular angular4 angular5 blog bootstrap4 learn medium page-loader prefetch resolvers route

Last synced: 11 months ago
JSON representation

Understanding angular resolvers

• Host: GitHub
• URL: https://github.com/theoomoregbee/angular-resolvers
• Owner: theoomoregbee
• Created: 2018-03-10T23:48:52.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-04-25T00:23:52.000Z (almost 8 years ago)
• Last Synced: 2025-03-31T05:25:33.558Z (about 1 year ago)
• Topics: alert, angular, angular4, angular5, blog, bootstrap4, learn, medium, page-loader, prefetch, resolvers, route
• Language: TypeScript
• Homepage: https://theo4u.github.io/Angular-resolvers
• Size: 1.48 MB
• Stars: 13
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Resolver

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.6.4. For explanation here https://codeburst.io/the-right-way-to-prefetch-data-for-your-angular-components-pages-1e5cce099cee

## Screenshot

![](screenshot/resolver.gif)

## Dependencies

* [Bootstrap](https://github.com/twbs/bootstrap) : just the css was used, check [.angular-cli.json](.angular-cli.json) **styles** array where it was added to the project

* [ng2-slim-loading-bar](https://github.com/akserg/ng2-slim-loading-bar) : Used for managing our page loader, using the inbuilt service to trigger our loader, check [app.component.ts](src/app/app.component.ts), also the [styles.css](src/styles.css) and don't forget to import it to your [app.module.ts](src/app/app.module.ts), **imports** array 

* [ngAlert](https://github.com/theo4u/ngAlert) : Used in showing app-level alert error message, check [app.component.ts](src/app/app.component.ts), also the [styles.css](src/styles.css) and don't forget to import it to your [app.module.ts](src/app/app.module.ts), **imports** array 

## Development server

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.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).