x-text

x-text définit le contenu textuel d'un élément avec le résultat d'une expression donnée.

Voici un exemple basique d'utilisation de x-text pour afficher le nom d'utilisateur.

<div x-data="{ username: 'calebporzio' }">
    Nom d'utilisateur : <strong x-text="username"></strong>
</div>

Le contenu textuel de la balise <strong> sera désormais « calebporzio ».

Traduction française de la documentation officielle d'Alpine.js (licence MIT) – https://alpinejs.dev