Используйте теги шаблонов Django с помощью Alpine.js x-text

Я использую Alpine.js в своих шаблонах Django и пока что я вполне доволен результатами.

Однако, я хотел бы использовать теги шаблонов Django, например floatformat на значении, вычисленном Alpine.js. На данный момент я форматирую число непосредственно в Alpine.js, и мой код выглядит следующим образом:

<div x-data="{rawNumber: 1.23456,
              get formattedNumber() {
                  return Math.round(rawNumber + Number.EPSILON) * 100) / 100
              } 
              }">
    My formatted number is <span x-text="formatNumber"></span>
</div>

Я ищу способ использовать теги шаблонов Django на значении, вычисленном Alpine.js. Очень наивная реализация (которая, конечно, порождает ошибки) выглядела бы так:

<div x-data="{rawNumber: 1.23456}">
    My formatted number is  {{ <span x-text="rawNumber"></span>|floatformat:2 }}
</div>

Вернуться на верх