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 sẽ giới thiệu với các bạn angular service là như thế nào?

1. Dịch vụ góc là gì

Dịch vụ góc cạnh là một đoạn mã mà chúng ta 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 tác vụ cụ thể cho các ý định cụ thể.

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

• Các tác vụ không phụ thuộc vào thành phần, chẳng hạn như ghi nhật ký, gọi api bên ngoài, v.v.
• Chia sẻ mã logic hoặc dữ liệu để có thể chia sẻ các thành phần.

Ưu điểm về dịch vụ:

• Dễ dàng thực hiện kiểm tra thành phần và dịch vụ.
• Dễ dàng gỡ lỗi khi xảy ra 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ụ chấp 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 mẫu sản phẩm.
• 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 html mẫu.

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

Thực ra mình không làm, vì nó còn nhiều thiếu sót:

• Sản phẩm dịch vụ được dán vào linh kiện. Sau đó, nếu chúng tôi thay đổi ProductService, chúng tôi phải cập nhật mã ở nhiều nơi, nhiều thành phần sử dụng nó. Vì vậy sẽ không có sự linh hoạt.

• Nếu bạn muốn thay thế productservice bằng một dịch vụ khác thì bạn phải search tất cả các thành phần có sử dụng productservice để thay đổi. 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 quá trình tiêm phụ thuộc.

  Hãy đăng ký kênh youtube sau để cập nhật những video kỹ năng mềm, kỹ thuật mới nhất

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