AngularJS / Webpack setup

Posted by: tos on 13 February 2018, 2:01 am EST

    • Post Options:
    • Link

    Posted 13 February 2018, 2:01 am EST

    Been trying for some hours to get Wijmo to play nice with our AngularJS application, without much luck. Though it seems like there’s NPM support for Angular2 and Vue2 interops, AngularJS has been left out of the loop.

    I tried copying the Angular interop from the Dist folder, but I keep getting odd errors such as “Cannot read property _FOCUS_INTERVAL of undefined”.

    As referencing them by plain script tags work, this is unfortunately not an option for us, as we want to distribute it as an internal NPM package to several applications.

    Not using the Angular interop works, and I can of course create my own components, but that’s fairly cumbersome.

    Do you happen to have an AngularJS interop that works with the NPM approach? Or have I maybe overlooked some example somewhere? Any help would be appreciated.

  • Posted 13 February 2018, 7:47 pm EST

    Hi,

    I am sorry but we do not support NPM Package for Angular JS at this time. If you would like me to enter a feature request for the same please let me know,

  • Posted 13 February 2018, 8:01 pm EST

    Hi,

    If you would, that’d be great!

  • Posted 14 February 2018, 2:58 pm EST

    Hi,

    I have created a feature request with tracking ID 309086. You will be notified on this forum post once this feature gets implemented in future releases.

  • Posted 25 June 2018, 7:47 pm EST

    This is quite a show stopper for us too. Is there any update on this please?

  • Posted 27 June 2018, 12:20 am EST

    Hi,

    We are sorry indeed, the NPM Modules for Angular are not in plan. However, you may use Wijmo in Webpack application same as the attached sample.

    ~Manish

    wijmo.angular.webpack.zip

  • Posted 23 July 2018, 11:27 pm EST

    Hi Manish,

     thanks a lot for this package - it will be really helpful for us!.
    
  • Posted 26 May 2019, 5:25 pm EST

    Hi Manish,

    is it please possible to get the same package for Angular 2+? Right now we’re upgrading our app from AngularJS 1.

    Thank you!

    Regards,

    Kirill Metrik

  • Posted 27 May 2019, 10:16 pm EST

    Hi Kiril,

    For Angular2+ application, you could use angular CLI to for setting up a project. Please refer to the following guide and let us know if you face any issues:

    https://www.grapecity.com/wijmo/docs/GettingStarted/Angular-Components

    Regards

  • Posted 28 May 2019, 7:21 pm EST

    Hi Sharad,

    unfortunately built-in Angular 2 integration is not a good option for us. When implementing AngularJS 1 application we had to create our own AngularJS wrappers (utilizing source code of your CellFactory). We’ve also added a lot of custom functionality to our integration.

    That’s why now we’d like to stick to our Angular integration. The only thing would be nice to have is your implementation of CellFactory for Angular 2. Is it please possible to provide?

    Regards

  • Posted 29 May 2019, 10:56 pm EST

    Please refer to the attached file that demonstrates how you can build angular applications with wijmo using webpack.

    Further, you could refer to the following sample demonstrating the use of CellFactory:

    https://demos.wijmo.com/5/SampleExplorer/SampleExplorer/Sample/CellFactory

    angular-wijmo.zip

  • Posted 30 May 2019, 8:34 am EST

    Hi Sharad,

     is it possible to provide source code of your implementation of CellFactory for Angular 2 integration? Sources for AngularJS 1 were very helpful for us.
    
  • Posted 30 May 2019, 10:23 pm EST

    Hi,

    Please refer to the sample attached demonstrating how to implement a custom cell factory with webpack configuration.

    angular-wijmo.zip

  • Posted 1 June 2019, 12:02 am EST

    Hi Sharad,

      this is not what we need. We need custom cell factory from Wijmo Angular source code which provides Angular 2+ integration with Wijmo (the same as AngularJS source we got from Manish.
    

    Is it possible to have please?

    Thanks!

    Regards,

  • Posted 2 June 2019, 8:37 pm EST

    Hi Kirill,

    I’m sorry but I’m unable to fully understand your requirement. You mentioned that you want custom cell factory from Angular source code, do you want to get the original wijmo source typescript files rather than the compiled js files(published on npm)?

  • Posted 2 June 2019, 8:49 pm EST

    Hi Sharad,

     yes, correct. Manish previously provided us sources for AngularJS 1 implementation and we used your CellFactory as a basis for our own AngularJS wrapper around FlexGrid.
    

    Now we’d like to have the same for Angular 2+ integration - we will use them to create our own Angular 2+ wrappers.

  • Posted 2 June 2019, 11:08 pm EST

    We are sorry but we no longer provide the source code for the builds. If you need the source code then you would have to contact the sales team at us.sales@grapecity.com.

    Further, could you please explain some more about your use case so that we could try to figure out a way(if possible) to achieve the required functionality without the need for the source files.

  • Posted 6 June 2019, 8:39 pm EST

  • Posted 6 June 2019, 8:39 pm EST

    Hi Sharad,

     our use case is that we've implemented our own CellFactory for AngularJS 1 (similar to the source code provided by Manish but a bit different). Now, as we upgrade to Angular 2+, we're trying to write similar CellFactory implementation for Angular 2+.
    

    Attached is the code of our AngularJS 1 CellFactory: NgCellFactory.zip. Could you assist in writing the same functionality for Angular 2+?

    Thank you!

  • Posted 9 June 2019, 10:19 pm EST

    Hi Kirill,

    After looking at the sample code If I understand correctly, what you are trying to do is create a cell factory which would parse your cell template rather than the once added using the wjFlexgridCellTemplate.

    We’ve prepared a sample to demonstrates a Custom CellFactory which takes a template, parses it and inserts into a cell. Please have a look at it and let us know if you had a different requirement:

    https://stackblitz.com/edit/angular-9awj8z?file=app/customCellFactory.ts

    Regards

  • Posted 12 June 2019, 4:34 am EST

    Hi Sharad,

     yes! I believe this is what we need :). Is it the CellFactory you use for your Angular 2+ grid wrapper?
    

    Thanks!

    Regards,

  • Posted 13 June 2019, 3:59 pm EST

    Hi Kiril,

    This is not the same cell factory which is used by the Angular2+ grid wrapper but it demonstrates how we could create custom cell factory for some features while retaining the functionality for the rest.

    Please let us know if you run into any issues.

    Regards

  • Posted 11 December 2019, 2:16 pm EST

    Thank you for sharing this information. I hope that it will help others.

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels