¿Cómo permitir caracteres especiales en el nombre de la clase o en el atributo de datos?

En mi código HTML, tengo algunos marcadores de posición de variables definidos en el nombre de la clase o en los atributos de datos de element. Por ejemplo, consideremos el siguiente bloque de código, '''html <div class="list-container" data-page-id="{{page.id}}"> <ul class="{{list.className}}" data-list-id="{{list.id}}"> <li data-list-id="{{list.item.id}}">List Item 1</li> <li data-list-id="{{list.item.id}}">List Item 2</li> </ul> </div> Si ves el resultado, la clase del elemento 'ul' cambia de '{{list.className}}' a '-list-className-'. ¿Hay alguna forma de conservarlos mientras se carga y e...