Sử dụng Service trong Angular

Giới thiệu nội dung bài viết

Xin chào các bạn, hôm nay mình xin giới thiệu với các bạn dịch vụ góc cạnh là như thế nào?

1. dịch vụ góc cạnh là gì

Dịch vụ góc cạnh là các đoạn mã mà chúng tôi có thể sử dụng nhiều lần từ các thành phần khác nhau. Nó có chức năng tái sử dụng. Các đoạn mã này sẽ thực hiện các nhiệm vụ cụ thể cho các ý định cụ thể.

Bạn Đang Xem: Sử dụng Service trong Angular

Chúng tôi sử dụng Dịch vụ cho các mục đích sau:

• Các tác vụ độc lập với thành phần như ghi nhật ký, gọi các apis bên ngoài, v.v.
• Chia sẻ mã logic hoặc dữ liệu để các thành phần có thể chia sẻ.

Xem Thêm : Giao thức H.323 là gì? – Hội nghị truyền hình AVer

Ưu điểm của dịch vụ:

• Thực hiện kiểm tra thành phần và dịch vụ một cách dễ dàng.
• Dễ dàng gỡ lỗi khi có sự cố.
• Có thể được sử dụng lại trong nhiều mô-đun.

2. Cách tạo dịch vụ

Trong ví dụ này, chúng tôi sẽ tạo một dịch vụ nhận tất cả các sản phẩm. Thành phần sẽ gọi dịch vụ để lấy kết quả và hiển thị nó trên mẫu html.

• Bước 1: Tạo sản phẩm mẫu.
• Bước 2: Tạo một dịch vụ sản phẩm trả về một mảng sản phẩm.
• Bước 3: Nhúng dịch vụ vào thành phần sản phẩm.
• Bước 4: Truyền dữ liệu từ thành phần sang mẫu html.

Trong ví dụ trên, chúng tôi thấy rằng chúng tôi đã nhúng dịch vụ vào thành phần bằng cách:

Thực ra tôi không làm vì nó có nhiều sai sót:

• Xem Thêm : Xem nhanh bạn có chất giọng gì trong âm nhạc

  Việc cung cấp dịch vụ được gắn với thành phần. Sau này, nếu thay đổi dịch vụ sản phẩm, chúng tôi phải cập nhật mã ở nhiều nơi, nhiều thành phần đang sử dụng. Vì vậy, không có sự linh hoạt.

• Nếu bạn muốn thay thế dịch vụ sản phẩm bằng một dịch vụ khác, thì bạn phải tìm kiếm trong tất cả các thành phần sử dụng dịch vụ sản phẩm để thay đổi dịch vụ đó. Khả năng bảo trì là khó khăn.

• Khó kiểm tra chức năng dịch vụ sản phẩm.

  Những vấn đề này sẽ được giải quyết trong Dependency Injection.

  Hãy đăng ký kênh youtube bên dưới để có những video kỹ thuật và kỹ năng mềm mới nhất

  Tại đây có các bài học lập trình miễn phí