Wijmo + Angular 6

Wijmo + Angular 6

Posted by: jason.brandt on 17 October 2018, 7:05 pm EST

• 

  jason.brandt

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 17 October 2018, 7:05 pm EST

  I have a few questions …
  
  ( I am using angular 6 with node and visual studio 2017 IDE in a .Net Core 2 web api project… )

  A ) I have downloaded the latest Wijmo files. Where should I place them in the project folder so they can be referenced in the app.module.ts?

  B ) Since I am using angular 6 and node.js do I need only the Angular2 folder + styles folder?

  C ) When angular 6 compiles project files to wwwroot folder for deployment, are wijmo files added as well?

  D ) How do I keep current on Wijmo build/version? Just check the site periodically and download delete all old files and add new ones? Is there a nuget manager for these?

  Thank you!

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 18 October 2018, 1:14 am EST

  Hi,

  A). You could place wijmo files in node_modules folder.

  B). Since angular2 interop is written on top of base Wijmo controls you would require both angular2 as well as base files. Since you are using angular it is better to include one of the full folders from NpmImages folder based on your modules system, preferably wijmo-commonjs-min.

  C). Yes, wijmo files will be included along with angular build files(it also depends on the bundler configration).

  D). You don’t need to visit the site periodically, whenever a new build is released, you will get an email notification about the same.
  
  No, there is not a nuget manager for wijmo, alternatively, wijmo can be installed using npm(node package manager).

  Also since you using angular 6 and node, then you may not need to include wijmo files manually, just navigate to the folder where your package.json file is located, then open a cmd/terminal window for the location and run command ‘npm install wijmo --save’, it will install the latest wijmo files in node_modules and make an entry in package.json file.

  ~Sharad

• 

  jason.brandt

  • Post Options:
  • Link
    Copy

  Posted 18 October 2018, 12:44 pm EST

  Ok! I used the npm install and it placed the files as needed.

  That worked great!

  notes:

  • I had to manually add the styles to the angular.json “styles” section, the npm did not place any references to css files on its own.