cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Anonymous
Not applicable

How to use angular 7 in PCF Control

Hi,

Is angular 7 is supported for angular I was trying to use angular 7 in pcf control but was nsure how to do it,like how to create component,module,services.

8 REPLIES 8
Highlighted
sheldoncopper73 Resolver I
Resolver I

Re: How to use angular 7 in PCF Control

I too had same problem

awais
Frequent Visitor

Re: How to use angular 7 in PCF Control

Guys, did you able to run angular 7 in PCF control?

ben-thompson Impactful Individual
Impactful Individual

Re: How to use angular 7 in PCF Control

The Power Component framework has support for React which is probably a better fit for the User Interface controls it's designed to allow you to create.

 

I always thought angular was designed for single page apps rather than small pieces within a page.

 

If you need help getting started with React @rexkenley has created a React starter kit at https://powerusers.microsoft.com/t5/Power-Apps-Component-Framework/PCF-React-starter-kit/td-p/439247... and there are sample apps in Microsoft's PCF documentation 

---
If this post has answered your question please consider it for "Accept as Solution" or if it has been helpful give it a "Thumbs Up".
awais
Frequent Visitor

Re: How to use angular 7 in PCF Control

Thanks! yes I agree to use react instead of angular for new app. But currently I have app written in Angular and used as web resource in D365. I want to use as it is in PCF control.

 

I found sample using react in PCF control but nothing like that for angular yet.

rexkenley Advocate IV
Advocate IV

Re: How to use angular 7 in PCF Control

In theory you can use my start-up kit with angular if your angular app has an atomic architecture.

 

You would need to update storybook in my project to handle angular.

https://storybook.js.org/docs/guides/guide-angular/

https://www.learnstorybook.com/intro-to-storybook/angular/en/simple-component/

ben-thompson Impactful Individual
Impactful Individual

Re: How to use angular 7 in PCF Control

It's probably also worth taking a step back here and looking at the difference between a web resource and a PCF control

 

A web resource is displayed in an iframe and has fully control of the resources you give it and the external libraries you add to it.

 

A PCF control sits within a Powerapps page (it actually sites within an eval statement within the Javascript that generates the page) and has to play nicely with the rest of the page. Any external libraries added to the control create the risk that something within that library may not play will with other items on the page and result in problems that are hard to pin do.

 

 

---
If this post has answered your question please consider it for "Accept as Solution" or if it has been helpful give it a "Thumbs Up".
Microsoft
Microsoft

Re: How to use angular 7 in PCF Control

HI @Anonymous ,

 

Are you looking for samples. If you can outline the issue you are facing we can assist in getting it addressed accordingly. As far as samples go we are working on having a sample available and documented. 

 

Regards

Nando

rexkenley Advocate IV
Advocate IV

Re: How to use angular 7 in PCF Control

Ben

You can actually "hack" the pcf config to make easy to debug your code.

 

webpackConfig.js replace mode: buildMode with

mode: "development",
devtool: "inline-source-map"

 

Don't forget to change it back.

 

 

Helpful resources

Announcements
MBAS Gallery 2020

MBAS Gallery 2020

Watch Microsoft Business Applications Summit sessions on-demand.

firstImage

New Ranks and Rank Icons released on April 21!

The time has come: We are finally able to share more details on the brand-new ranks coming to the Power Apps Community!

Power Platform 2020 release wave 1 plan

Power Platform 2020 release wave 1 plan

Features releasing from April 2020 through September 2020

Users online (7,868)