Giới thiệu

Chỉ mới một view thì không thể làm thành một ứng dụng. Trong hai chương tới đây chúng ta sẽ định nghĩa các routers để điều hướng giữa nhiều view trong ứng dụng của chúng ta. Thông thường khi người dùng tiếp cận với ứng dụng của chúng ta, người dùng sẽ cần thao tác trên nhiều view khác nhau, mỗi view sẽ có những bộ dữ liệu và những bố cục kèm theo nó. Routing trong Angular cung cấp cho người dùng một cách để điều hướng giữa nhiều view trong ứng dụng, và số lượng view thì không giới hạn.

Với chương này, chúng ta sẽ bắt đầu với một cái nhìn tổng quan về cách mà routing làm việc trong Angular. Chúng ta sẽ kiểm tra xem làm thế nào để cấu hình các routes, các action của router và nơi chúng ta sẽ đặt các router của các component.

Hiện tại, ứng dụng của chúng ta nhúng ProductListComponent như một Component lồng trong App Component và mặc định người dùng sẽ đến Product List view. Chúng ta sẽ muốn xác định các tuyến đường khác để người dùng có thể điều hướng đến welcome view, product list view và product detail view. Chúng ta đã có code của Welcome Component và Product List Component, do đó trong chương này chúng ta sẽ xây dụng Product Detail Component, kết thúc với chương này, chúng ta sẽ có được một ứng dụng đơn giản với các routes dẫn đến nhiều view khác nhau. Hãy xem lại một chút kiến trúc của ứng dụng chúng ta.