tomwayson / esri-angular-cli-example

Example of how to to use the ArcGIS API for JavaScript in an Angular CLI app
https://tomwayson.github.io/esri-angular-cli-example
29 stars 23 forks source link
angular angular-cli arcgis-api javascript

esri-angular-cli-example

View it live

Goal

NOTE This repository has been archived. For a more up to date example of one way to use the ArcGIS API for JavaScript in an application generated with angular-cli, see angular-cli-esri-map.

The application uses the angular-esri-components component library to lazy load the ArcGIS API for JavaScript and then require the modules needed to create and work with a map.

Adding the ArcGIS API to your own angular-cli application

You should not use this repository as a starting point for your own application. This application was generated with an early beta of the angular-cli, and while it has been updated to v1 (thanks to @TheKeithStewart), I do not intend to keep it up to date w/ newer versions of Angular, the CLI, nor the ArcGIS API going forward.

Rather than clone this repository, you should create your own application with the angular-cli and then follow the instructions below to add the above libraries:

Running this application

You can clone or download this application and then use the instructions below to run it and/or the tests to get a better sense of how it works.

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/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.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

Deploying to GitHub Pages

Run ng github-pages:deploy to deploy to GitHub Pages.

Further help

To get more help on the angular-cli use ng help or go check out the Angular-CLI README.