Đối với Angular từ bản 2 trở đi (Angular 2,4,5,6) thì chúng ta phải viết riêng hàm Track By ở file typescript. Cách viết như dưới đây:
@Page({
template:`
<ul>
<li *ngFor="#post of posts;trackBy:identify"> <!-- Chỗ này gọi hàm TrackBy Identity ở trong code ts -->
{{post.data}}
</li>
</ul>
`})exportclassHomeworkAddStudentsPage{
posts:Array<{id:number,data:string}>;constructor(){this.posts =[{id:1,data:'post with id 1'},{id:2,data:'post with id 2'}];}identify(index,item){//Chỗ này làm logic gì để track by cũng được. Chỉ cần trả về giá trị sau khi so sánh là đc. Ở đây mình chỉ đơn giản là so sánh Id.return post.id
}}
Có điểm này mình thấy hơi lạ thì phải.
Giả sử đang ở index. Thì mounted() nó giống như hàm khởi tạo. Nó chạy nên API lấy về dữ liệu. Sau đó bấm vào nút Create sẽ chuyển sang route và Component khác, lúc này Component index bị hủy mất. Xong bấm back thì mounted() của index sẽ chạy lại. Lại phải load dữ liệu API về đổ lên. Như này có vẻ load đi load lại khá mệt.@@@ Có cách nào để như kiểu nó lưu sẵn cái Object data kia không nhỉ? Hoặc lưu cache đi
THẢO LUẬN
Thanks for sharing!
Bài viết quá hay và bổ ích cho 1 css beginer như anh =))
Thank you anh
Đối với Angular từ bản 2 trở đi (Angular 2,4,5,6) thì chúng ta phải viết riêng hàm Track By ở file typescript. Cách viết như dưới đây:
Tham khảo thêm bài viết này nữa nhé:
https://netbasal.com/angular-2-improve-performance-with-trackby-cc147b5104e5
Sai chinh ta cho
product_orignal=>product_original😜23
Trình duyệt hay mới lạ
Bài viết hay
Groovy là phiên bản ngắn gọn hơn của Java đó bạn. Vì java code cơ bản là khá dài.
Đẹp quá!
😝
Thks anh, bài khá hay. Tuy nhiên nếu như mình muốn crawl thời gian thực thì sẽ ntn anh nhỉ
bị cái tiêu đề đưa đến đây =))
thông tin auth đó chính là email và password gmail mà bạn sẽ sử dụng để gửi mail cho người khác đó. Ví dụ:
Cái này cơ bản là làm theo nodemailer thui, basic lắm. Bạn có cách nào hay hơn thì chia sẻ nhé
wow
chuan girl
Hiện web của m đang chạy với laravel và Vuejs. View html thì rõ là k SEO đc gì hết. Không lẽ giờ phải edit lại từ đầu chuyển thành NUXT JS hết nhỉ?
A có thể hướng dẫn e load từ server đc không ạ
Bài hướng dẫn rất hay. Cảm ơn bạn
Có điểm này mình thấy hơi lạ thì phải. Giả sử đang ở index. Thì mounted() nó giống như hàm khởi tạo. Nó chạy nên API lấy về dữ liệu. Sau đó bấm vào nút Create sẽ chuyển sang route và Component khác, lúc này Component index bị hủy mất. Xong bấm back thì mounted() của index sẽ chạy lại. Lại phải load dữ liệu API về đổ lên. Như này có vẻ load đi load lại khá mệt.@@@ Có cách nào để như kiểu nó lưu sẵn cái Object data kia không nhỉ? Hoặc lưu cache đi