Learn Angular 7 with Real Apps

This app will give you real applications in the use Angular 7

You will see the full source code of the demo. You will see how:

1. Pass Values from Component to View in Angular 7

2. Pass Object from Component to View in Angular 7

3. Pass Objects List from Component to View in Angular 7

4. Use Click Event in Angular 7

7. Use KeyUp Event in Angular 7

6. Use KeyUp.Enter Event in Angular 7

7. Use Change Event in Angular 7

8. Select Element from List with Change Event in Angular 7

9. Select A File with Change Event in Angular 7

10. Select Multiple File with Change Event in Angular 7

11. One-Way Data Binding in Angular 7

12. Two-Way Data Binding in Angular 7

13. Form Controls in Angular 7

14. Form Validation in Angular 7

17. Custom Validators in Angular 7

16. Create and Use Services in Angular 7

17. Use Object and Objects List with Services in Angular 7

18. Call A Service from Another Service in Angular 7

19. Build Angular 7 Template with Routing and Navigation

20. Route Parameters with Routing and Navigation in Angular 7

21. Nested Routes with Routing and Navigation in Angular 7

22. Dynamic Components in Angular 7

23. Use StrictNullChecks in Angular 7

24. ngIf with else in Angular 7

27. Call GET HTTP Method with Express.JS Web API and MongoDB in Angular 7

26. Call POST HTTP Method with Express.JS Web API and MongoDB in Angular 7

27. Call PUT HTTP Method with Express.JS Web API and MongoDB in Angular 7

28. Call DELETE HTTP Method with Express.JS Web API and MongoDB in Angular 7

29. Authentication in Angular 7

30. Build Shopping Cart in Angular 7

You also see the results after the demo with the illustrations.

You can also copy the code in this app and use it on your project.

แอพนี้จะให้แอปพลิเคชั่นจริง ๆ ของคุณในการใช้งาน Angular 7

คุณจะเห็นซอร์สโค้ดเต็มของการสาธิต คุณจะเห็นว่า:

1. ส่งค่าจากส่วนประกอบไปยังมุมมองในเชิงมุม 7

2. ส่งวัตถุจากส่วนประกอบไปยังมุมมองใน Angular 7

3. ส่งรายการวัตถุจากส่วนประกอบไปยังมุมมองใน Angular 7

4. ใช้คลิกกิจกรรมในเชิงมุม 7

7. ใช้ KeyUp Event ใน Angular 7

6. ใช้ KeyUp.Enter Event ใน Angular 7

7. ใช้ Change Event ใน Angular 7

8. เลือกองค์ประกอบจากรายการที่มีการเปลี่ยนแปลงกิจกรรมในเชิงมุม 7

9. เลือกไฟล์ที่มีเหตุการณ์การเปลี่ยนแปลงในเชิงมุม 7

10. เลือกหลายไฟล์พร้อมเปลี่ยนกิจกรรมใน Angular 7

11. การเชื่อมโยงข้อมูลทางเดียวในเชิงมุม 7

12. การรวมข้อมูลสองทางในเชิงมุม 7

13. การควบคุมแบบฟอร์มในเชิงมุม 7

14. การตรวจสอบแบบฟอร์มในเชิงมุม 7

17. เครื่องมือตรวจสอบที่กำหนดเองในเชิงมุม 7

16. สร้างและใช้บริการใน Angular 7

17. ใช้รายการวัตถุและวัตถุกับบริการในเชิงมุม 7

18. เรียกบริการจากบริการอื่นในเชิงมุม 7

19. สร้างเทมเพลต Angular 7 พร้อมการกำหนดเส้นทางและการนำทาง

20. พารามิเตอร์เส้นทางพร้อมการกำหนดเส้นทางและการนำทางในเชิงมุม 7

21. เส้นทางซ้อนพร้อมการกำหนดเส้นทางและการนำทางในเชิงมุม 7

22. ส่วนประกอบแบบไดนามิกในเชิงมุม 7

23. ใช้ StrictNullChecks ในเชิงมุม 7

24. ngIf กับสิ่งอื่นใน Angular 7

27. เรียกวิธี GET HTTP ด้วย Express.JS Web API และ MongoDB เป็น Angular 7

26. เรียกวิธี POST HTTP ด้วย Express.JS Web API และ MongoDB เป็น Angular 7

27. เรียกวิธี PUT HTTP ด้วย Express.JS Web API และ MongoDB เป็น Angular 7

28. เรียกเมธอด DELETE HTTP ด้วย Express.JS Web API และ MongoDB เป็น Angular 7

29. การรับรองความถูกต้องในเชิงมุม 7

30. สร้างตะกร้าสินค้าในเชิงมุม 7

คุณจะเห็นผลลัพธ์หลังจากการสาธิตพร้อมภาพประกอบ

คุณสามารถคัดลอกรหัสในแอพนี้และใช้กับโครงการของคุณ