Send data with an Angular service through HTTP with a promise and async await.
- [Instructor] Let's begin by creating an app.post.…So let's go over to line 12…and just copy the entire app.get…and we'll paste it below.…And we'll change app.get on line 16 to app.post…and it will have a message endpoint location since it will…just be taking in a single message.…So I'll modify messages to message.…As a test, we can console log the request.body.…
Now to test this we could create a service in Angular,…but there is a quicker way with a Chrome app called Postman.…And if you haven't installed Postman yet,…you can go to the web store and install that.…Let's populate the correct URL…so that will be localhost:1234…and the endpoint is message.…Make sure you have POST selected instead of GET.…Then let's go over to the body tab.…Select raw, then JSON.…
And then let's create a JSON test object.…So I've created one here with the following text of "test"…and the owner "Ben".…Let's go ahead and press send.…And now, let's go back into our backend.…Let's open up our terminal,…and we can see we are getting something console logged but…
Author
Alexander Zanfir
Released
5/16/2017- Setting up the infrastructure
- Displaying data in Angular 2
- Refining your layout with Angular Material
- Getting your data from Node.js
- Saving data to a list
- Creating the component
- Getting your input data
- Creating reactive forms in Angular
- Creating a security middleware
Skill Level Intermediate
Duration
Views
-
Introduction
-
Welcome34s
-
Using the exercise files1m 58s
-
-
1. Setting Up the Infrastructure
-
Demo application overview1m 10s
-
Architectural overview1m 31s
-
-
2. Displaying Data in Angular 2
-
Create the component5m 49s
-
Show our data3m 22s
-
-
3. Getting Your Data from Node
-
Set up express3m 10s
-
Create a service2m 42s
-
-
4. Saving Your Data to Node
-
Create a post service3m 39s
-
Save data to a list1m 20s
-
Creating an express router2m 54s
-
-
5. Creating a Form in Angular
-
Create the component6m 33s
-
Get our input data5m 17s
-
-
6. Navigating with Router
-
Create a nav bar2m 44s
-
Set up routes4m 10s
-
Add a messages route2m 49s
-
Pass a route parameter3m 40s
-
Retrieve a route parameter1m 17s
-
-
7. Reactive Programming
-
HTTP get with Observable6m 14s
-
Broadcast with subject2m 43s
-
-
8. Creating Reactive Forms in Angular
-
Create a register layout5m 29s
-
Validate with reactive forms7m 21s
-
-
9. Registering Users
-
Store a token with Angular1m 43s
-
Log out2m 45s
-
10. Logging In
-
Create the login services6m 47s
-
11. Authorizing Resources
-
Edit user Info7m 45s
-
Update message posting1m 26s
-
Conclusion
-
Next steps18s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Create a post service