Unable to load CSS properties for Directions widget in Angular 4

05-04-2018 08:08 AM
New Contributor III


We are implementing the direction widget along with the Angular 4 application

we have customized the direction widget to show only routes and we are not allowing the user to give the inputs by disabling the input stops using css properties.

it is working independently as standalone html page but it is not taking the css properties once integrated with Angular 4 application.(even setting !important also).

please help us on this, how to use css properties for ArcGIS widgets inside angular app.

and we are getting some loader issue also.



0 Kudos
1 Reply
Esri Regular Contributor

Hi Siva, make sure you are using esri-loader to load the ArcGIS API for JavaScript modules. angular-cli-esri-map is an example of how to work with Angular 5 and esri-loader. Also, just a friendly reminder that Angular 6 has been released to production.

For best performance, load the css in your component as show here