Skip to Content

How to use AngularJS as a front end in SAPUI5 application ?

May 09 at 10:18 AM


avatar image

I am trying to develop a SAPUI5 application using an AngularJS template, after doing some changes in structure of downloaded AngularJS template I am able to import AngularJS template in to WebIDE but after deploying the project on premise ECC server . I am not able to test it from SICF node.

10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

2 Answers

Ivan Mirisola
May 10 at 01:59 PM

Hi Ankit,

I don't believe that the ABAP repository integration with WebIDE is supported for AngularJS projects. The ABAP repository deployment via WebIDE changes files according to the SAPUI5 archetype and not to the AngularJS. An ABAP system thinks that an SAPUI5 application is actually a BSP application. So the deployment reads the SAPUI5 manifest.json and other files that are specific to the SAPUI5 framework to figure out how to translate it into a BSP application. Since your AngularJS doesn't make use of these files, my guess is that you will not be able to deploy it on an ABAP repository. The same is not true for AngularJS projects deployed directly on the SCP as an HTML5 application.

I'm not saying that an AngularJS will never run as an BSP Application deployed on the ABAP repository. It is just the integration between WebIDE that will not work. So you should create a BSP Application manually and import the AngularJS sources into it making the proper adaptation so the BSP calls the index.html when you run it or test it from SICF.


10 |10000 characters needed characters left characters exceeded
Iftah Peretz
May 10 at 02:33 PM


What exactly are you trying to achieve? Why not develop the AngularJS app from you template as is, deploy it from your servers and consume the Odata? Why are you mixing the two?

10 |10000 characters needed characters left characters exceeded