# List repeat

Để có sự dụng **List repeat** bạn làm theo những bước sau:

Bước 1: Tạo 1 model có chứa trường dữ liệu bạn muốn hiển thị.\
Vd: mình tạo 1 model "sanpham" có chứa trường thông tin là "anh" như hình bên dưới.

![Model sản phẩm Iphone 13 Seri gồm ảnh và tên](/files/38M9SfnHpuT1weXv01V6)

Bước 2: Bạn vào phần **Khối** -> kéo xuống tới mục **List repeat** -> kéo biểu tượng ![](/files/upV6noGBRVwihhfyFDzs) ra màn hình.

![Cách kéo List repeat](/files/0haSwW6RpPcjm2qnJdEU)

Bước 3: Bạn vào phần **Khối** -> chọn **text**, **hình ảnh ->** Kéo vào ô list vừa tạo.&#x20;

![List hình ảnh và text](/files/SBFpSA4HzWDEZhUbj9y9)

\* Chú ý: Hình ảnh trong List phải để cùng kích thước.

Bước 5: Cầu hình cho **List repeat**\
Bấm vào **List** muốn cài đặt cấu hình -> chọn "hành động"\
\- Data list : Là model chọn để hiển thị trên list\
\- Set model : Là nơi để lưu trữ dữ liệu bạn chọn\
\- Item list: gồm những hình ảnh, text được hiển thị trên list chọn trong model

![Cấu hình list sản phẩm Iphone 13](/files/BVxQfeAfcjo0xAqUB3B7)

Bước 6: Publish&#x20;

![](/files/gtglg7hGTUv3QXCKiG4S)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://tailieu.appon.vn/huong-dan-co-ban/basic-use-block/list-repeat.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
