Truyền thuộc tính vào component con trong Angular
Chúng ta cũng có thể truyền thuộc tính từ component cha vào component con. Hãy cùng xem cách thực hiện điều này. Trong component cha, chúng ta sẽ định nghĩa các thuộc tính mà chúng ta sẽ truyền vào component con:
class AppComponent {
public name: string = 'john';
public age: number = 25;
}
Trong template của component cha, chúng ta đặt tên thuộc tính trong dấu ngoặc vuông. Trong trường hợp này, nội dung được viết làm giá trị của thuộc tính sẽ được hiểu là thuộc tính của lớp component cha:
<user-data [name]="name" [age]="age"></user-data>
Trong component cha, hãy tạo các thuộc tính cho tên và giá của sản phẩm. Truyền giá trị của chúng vào component con của bạn.
