From the course: SharePoint Framework for Developers: 5 SPFx and Angular
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
A quick walkthrough of an Angular project
From the course: SharePoint Framework for Developers: 5 SPFx and Angular
A quick walkthrough of an Angular project
- [Instructor] Now my angular CLI based project is running, but I want to show you something that is going to cause us some headache and problems in SharePoint Framework. Let's close this for a second. And let's look at what the generated project looks like. Let's go into the source folder. In the source folder, now those of you who are familiar with Angular you know exactly what I'm talking about. So I'm not going to go into the structure of this application and all those other details. I'm going to stick with the points that are pertinent to SharePoint Framework. Let's dive into index.html. You see there is a app-root here. Where is that coming from? Well, those of you who know Angular, you know that this app-root is a selector over here in my boot-loaded app component. So what happens? Imagine if this was a web part. And if I was to drop two app-roots on this page. Let's go ahead and run this one more time. So I'm going to say ng serve. And as usual, it will build my application…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.