Technology Blogs by SAP
Learn how to extend and personalize SAP applications. Follow the SAP technology blog for insights into SAP BTP, ABAP, SAP Analytics Cloud, SAP HANA, and more.
cancel
Showing results for 
Search instead for 
Did you mean: 
Former Member
0 Kudos

In this post I want to share with you my experience of MFU (Multichannel Foundation for Utilities) OData services consumption with simple AngularJS application.

This application contains the form with account details information. Data for the form is retrieved with MFU (Multichannel Foundation for Utilities) OData service.

Here are the steps I have taken:


1) Create a simple angularjs application that displays the form and contains a single global controller that handles the logic;

2) Create angularjs services for the entities Account and AccountTitle of the MFU (Multichannel Foundation for Utilities) OData service ERP_UTILITIES_UMC that implement GetEntity and GetEntitySet methods for entities Account and AccountTitle;

3) Define data binding between controller's scope and the form fields;

4) Upload final application to the Netweaver system as mime repository objects associated with SICF public service. Note that Netweaver system has been set up as Netweaver Gateway Hub system for the UMC beforehand.

As a final result I have got a simple angularjs application that displays the form that is populated with the data from the backend ERP system:

You can find all the files of the application in this plunker (should be open with Google Chrome).