Skip to content

Instantly share code, notes, and snippets.

Tom Wayson tomwayson

View GitHub Profile
@tomwayson
tomwayson / angular2-esri-loader-angular-cli-instructions.md
Last active Dec 21, 2017 — forked from jwasilgeo/angular2-esri-loader instructions.md
How to use angular2-esri-loader in an angular-cli application
View angular2-esri-loader-angular-cli-instructions.md

Adding angular2-esri-loader to the app and creating a map

NOTE: These instructions apply to trying to use the ArcGIS API for JavaScript in an Angular 2 application created w/ angular-cli. If you're working with more recent versions of Angular, you should use https://github.com/Esri/esri-loader instead.

  1. Create a new Angular app by using angular-cli to generate a new project

  2. Install angular2-esri-loader

npm install angular2-esri-loader esri-loader --save
View components.my-component.js
import Ember from 'ember';
export default Ember.Component.extend({
checked: Ember.computed('model.id', 'itemsToAdd.[]', function () {
const itemsToAdd = this.get('itemsToAdd');
return !!itemsToAdd.findBy('id', this.get('model.id'));
}),
});
View hack.hbs
{{page-layout }}
{{#each layoutRow as |row|}}
{{layout-row style=row.style}}
{{cards-layout}}
{{/layout-row}}
{{/each}}
{{/page-layout}}
{{page-layout-editor }}
{{#each layoutRow as |row|}}
@tomwayson
tomwayson / 0_reuse_code.js
Created Oct 28, 2015
Here are some things you can do with Gists in GistBox.
View 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
You can’t perform that action at this time.