| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <meta | |
| name="viewport" | |
| content="initial-scale=1, maximum-scale=1,user-scalable=no" | |
| /> | |
| <title>Access ArcGIS Online items using @esri/arcgis-rest-auth</title> |
| import Ember from 'ember'; | |
| export default Ember.Component.extend({ | |
| classNameBindings: ['redText'], | |
| redText: Ember.computed.alias('isRed') | |
| }); |
| { | |
| "$schema": "https://vega.github.io/schema/vega/v3.0.json", | |
| "width": 500, | |
| "height": 200, | |
| "padding": 5, | |
| "data": [ | |
| { | |
| "name": "table", | |
| "values": [ |
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.
Create a new Angular app by using angular-cli to generate a new project
Install angular2-esri-loader
npm install angular2-esri-loader esri-loader --save
| 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')); | |
| }), | |
| }); |
| import Ember from 'ember'; | |
| export default Ember.Controller.extend({ | |
| appName: 'Ember Twiddle', | |
| init () { | |
| // create a script object whose source points to the API | |
| const script = document.createElement('script'); | |
| script.type = 'text/javascript'; | |
| script.src = 'https://js.arcgis.com/4.2/'; |
| import Ember from 'ember'; | |
| export default Ember.Controller.extend({ | |
| queryParams: ['appid'], | |
| appName: 'Ember Twiddle', | |
| init () { | |
| console.log('appid', this.get('appid')); | |
| } | |
| }); |
| import Ember from 'ember'; | |
| export default Ember.Controller.extend({ | |
| appName: 'Ember Twiddle' | |
| }); |
| import Ember from 'ember'; | |
| export default Ember.Controller.extend({ | |
| appName: 'Ember Twiddle' | |
| }); |