Transmettre les attributs des caractéristiques
Dans ofa.js, les attributs (Attribute) sont l’un des moyens les plus courants de transmettre des données entre composants. Il suffit de déclarer les attributs requis dans l’objet attrs du composant pour que les données externes soient transmises à l’intérieur du composant lors de son utilisation.
Utilisation de base
Définir les propriétés de réception
Avant d'utiliser un composant, il est nécessaire de déclarer dans l'objet attrs du composant les propriétés à recevoir. Les propriétés peuvent avoir des valeurs par défaut.
First : {{first}}
Nom complet : {{fullName}}
Règles importantes
-
Restriction de type : La valeur d'attribut transmise doit être une chaîne de caractères, les autres types sont automatiquement convertis en chaîne.
-
Conversion de nom : Étant donné que les attributs HTML ne sont pas sensibles à la casse, lors de la transmission d'attributs contenant des lettres majuscules, il faut utiliser
-pour séparer les noms (format kebab-case).- Exemple :
fullName→full-name
- Exemple :
-
Définition obligatoire : Si le composant n'a pas défini l'attribut correspondant dans l'objet
attrs, il ne peut pas recevoir cet attribut. La valeur définie est la valeur par défaut ; si on ne veut pas de valeur par défaut, on la définit ànull.
Nom d'utilisateur : {{userName}}
Âge : {{age}}
Syntaxe du modèle pour passer les attributs
Dans le modèle du composant, vous pouvez utiliser la syntaxe attr:toKey="fromKey" pour transmettre les données fromKey du composant actuel à la propriété toKey du sous-composant.
👇
Full Name: {{fullName}}
Transmission multi-niveaux
Les attributs peuvent être transmis couche par couche via des composants imbriqués à plusieurs niveaux.
Si un composant doit dépendre d'autres composants, il est nécessaire d'importer les modules des autres composants dans le composant.
Composant externe reçoit : {{userName}}
Composant interne reçoit : {{userName}}