LWC Dành cho:mỗi Chỉ thị

Cho mỗi

Trong LWC, for:each là một lệnh được sử dụng cùng với thẻ mẫu. Nó trả về các mục từ dữ liệu đã cho. Phải mất hai tham số. Chúng ta phải xác định dữ liệu trong cho:mỗi={dữ liệu} Và cho:item=”biến” lấy mục hiện tại (từ iterator) được chỉ định bằng một biến. Các cho:index=”index_var” lưu trữ chỉ mục phần tử chỉ định chỉ mục phần tử hiện tại.

Cú pháp:

Hãy xem cách chỉ định lệnh for:each trong LWC (Thành phần HTML). For:index là tùy chọn.

Toàn bộ mã:

Đầu ra:

Thêm thành phần này vào trang “Bản ghi” của bất kỳ đối tượng nào (chúng tôi thêm nó vào trang “Bản ghi” của tài khoản). Tất cả 10 thành phần đều được hiển thị trên UI.

Ví dụ 2:

Bây giờ, chúng ta tạo một mảng đối tượng là “id”, chương trình và nhập 10 bản ghi liên quan đến Chủ đề. Chúng được lặp đi lặp lại để có được chương trình và loại. Khóa là “id” và các giá trị loại được hiển thị dưới dạng in đậm.