In this video, see how to run the project you created and demonstrate its limitation of not being able to work on a composable UI.
- [Instructor] So we just wrote up a simple Angular project…using Angular CLI, and here, we've got this elements-button…and elements-button.component,…and we're referencing that in app-elements-button,…in the index.html.…Here, let me go ahead and on terminal,…I'll just say, N-P-M start, which runs N-G serve,…behind the scenes.…Okay, so, this will go ahead and build my project.…Let's give it a moment, click on Allow access.…You may or may not see this on a machine,…it'll ask you to do this only once.…
And once this compilation is done,…you should open your browser on localhost:4200,…so let me go ahead and do that,…and my Elements Button shows up,…and it is working as expected,…so my Elements Button is ready to go.…Obviously, clicking on this isn't going to do anything…because clicking on this is only emitting the event.…We're not listening to the event yet.…You can choose to extend this application further…and use standard Angular concepts to listen…to this click event as well.…
I'm not going to worry about that.…
Released
12/13/2018- Why out-of-the-box Angular doesn't work well with SPFx
- Architectural approaches
- Creating and running an Angular CLI project
- Converting Angular components to Angular elements
- Building and running Angular elements
- Creating a new SPFx project
- Using Angular elements in SPFx
Share this video
Embed this video
Video: Run the Angular CLI project