How to call Migx inside Migx?

Question

MODX

Hello
There is such a task: there is a migx element, inside of which there is a list that needs to be dynamically edited

<div class="col-md-4">
          <div class="serv-items">
            <h3>Економ</h3>
            <i>Що ви отримаєте:</i>
            <ul>
              <li></li>
                                                        <li></li>
            </ul>
          </div>
</div>

I decided to call another mgix with lis inside the list. It looks like this:

<div class="col-md-4">
          <div class="serv-items">
            <h3>Економ</h3>
            <i>Що ви отримаєте:</i>
            <ul>
            
            </ul>
          </div>
</div>

However, when outputting li-niks in place, migx outputs a whole array like this: [{"MIGX_id":"1","title":"Required text"}]
How can I make it so that only text is displayed?
Thanks in advance
if you need more json
[{
"caption": "Item",
"fields": [{
"field": "price_header",
"caption": "Tariff header",
"inputTVtype":"text"
},{
"field": "price_li",
"caption": "List item",
"inputTVtype":"richtext"
},
{
"field": "price",
"inputTVtype":"text"
},{
"field": "prepay",
"caption": "Prepay",
"inputTVtype":"text"
},{
"field": "image",
"caption": "Image ",
"inputTVtype":"image"
}
]
}]
[{
"header": "Tariff header",
"dataIndex": "price_header"
},{
"header": "List item",
"dataIndex": "price_li"
},{
"header": "Price",
"dataIndex": "price"
},{
"header": "How much will we do",
"dataIndex": "duration"
},{
"header": "Prepayment",
"dataIndex": "prepay"
},{
"header": "Image",
"dataIndex": "image"
}
]

Answer 1

here https://modx.ru/vopros-answer/info/4102/