Xóa bài viết
Bạn có chắc chắn muốn xóa bài viết này không ?
Xóa bình luận
Bạn có chắc chắn muốn xóa bình luận này không ?
Force thay đổi @input ở component con trong Angular
Các @Input ở component con chỉ khởi tạo giá trị ban đâu, do đó, các biến ở component cha thay đổi thì các @Input ở component con sẽ không thay đổi theo.
Để bắt buộc @input ở component con thay đổi khi biến ở component cha thay đổi, ta dùng life circle : ngOnChanges
Ở coponent con:
export class ChildComponent implements OnInit, OnChanges {
@Input() keyword: string;
ngOnInit() {
}
ngOnChanges(changes) {
if (changes['keyword']) {
this.keyword = changes['keyword'].currentValue;
}
}
}
Ở component cha:
@Component({
template: `<child-component [keyword] ="searchKeyword"></child-component>`
})
export class ParentComponent {
searchKeyword: string;
onClickBtn() {
this.searchKeyword = 'Hello world';
}
}
...
Vani
07-02-2018
Bình luận

{{ comment.user.name }}
Bỏ hay
Hay

Cùng một tác giả

2
0
Merkle tree, cũng như được biết đến là cây hash nhị phân, là một dạng cấu trúc dữ liệu sử dụng để lưu trữ hash của các thông tin cá nhân trong bộ d...

2
0
Ethereum là gì Ethereum là nền tảng để thực thi hợp đồng thông minh (smart contract) và xây dựng ứng dụng phi tập trung (Decentralize Application ...

1
0
Tính bất biến của dữ liệu nằm trên blockchain có lẽ là lý do mạnh mẽ và thuyết phục nhất để triển khai các giải pháp dựa trên blockchain cho một lo...
Bài viết liên quan

1
0
Webpack Webpack là một module loader khá phổ biến trong phát triển web phía front end. Trong project xây dựng DApps trên Ethereum, ta hoàn toàn co...

1
1
Ethereum Private Network on Azure Lên Azure, tạo service: Ethereum Consortium Leader Sau khi tạo xong, sẽ có 1 leader node có khoảng 1000 tỷ ethe...