angular2-esri-example

This is an example app using ArcGIS API for JavaScript v3 in an Angular 2 app. The purpose is to explore ways that Angular 2 components and services can communicate with a map, legend, search, etc.

Try it out!

Quick Start

After downloading, run the following at the command line to run the app:

npm install
npm start

Status

The patterns for communicating between components, services, and ArcGIS maps and data have been established. I'm no longer actively maintaining this repository (i.e. not adding new features, nor keeping it up to date with new releases of Angular 2 nor the ArcGIS API for JavaScript). Pull requests to demonstrate more up to date patterns, or update versions of dependencies will be gladly accepted.

Resources

• Using the ArcGIS API for JavaScript in Applications built with webpack
• Example of how to get the ArcGIS API for JavaScript working with webpack and TypeScript by @lobsteropteryx
• Angular 2 introduction to webpack
• Example of how to use the ArcGIS API for JavaScript in an angular-cli application
• Fork of the Angular Class webpack starter using use the ArcGIS API for JavaScript by @hassanqaiser

While writing this app, I found the following resources very helpful, though at this point they may be a bit out of date:

• Angular 2 Component Interaction
• Dependency Injection in Angular 1 and Angular 2

Built with:

• ArcGIS API for JavaScript
• Angular 2
• TypeScript
• webpack