Mise en œuvre du composant de rotation

Cet exemple montre comment utiliser les bibliothèques/cadres externes pour créer des composants dans Power Apps component framework. L’exemple de composant de rotation est basé sur angular.js, angulaire-ui, angulaire-animate, angulaire-sanitize, bootstrap. Le code peut ne pas révéler les meilleures pratiques pour les bibliothèques/cadres externes mentionnés.

Disponible pour

Applications pilotées par modèle et applications canevas

Code

Vous pouvez télécharger l’exemple de composant complet ici.

Cet exemple présente des exemples sur la façon d’ajouter des dépendances pour les bibliothèques/cadres externes, en montrant comment effectuer une liaison de données entre Power Apps component framework, le modèle de composant et le modèle de données internes Angular de façon bidirectionnelle.

L’exemple de composant de rotation consiste en une étiquette et un bouton. Lorsque vous sélectionnez le bouton, le texte sur l’étiquette change.

• Lorsque le composant est chargé, l’étiquette affiche le texte en fonction de la valeur de colonne de liaison. Le context.parameters.[property_name].attributes contient les définitions associées.
• Pour les champs Oui/Non, context.parameters.[property_name].Options inclut à la fois la valeur true et false.
• Si vous sélectionnez le bouton de rotation, l’étiquette met à jour la valeur à l’aide de la méthode notifyOutputEvents, la méthode getOutputs est appelée de manière asynchrone et migre vers Power Apps component framework.
• ClientAPI met à jour la valeur de colonne de liaison, et la valeur mise à jour est acheminée à l’étiquette du composant. Vous pouvez également utiliser ClientAPI pour mettre à jour une valeur de colonne pour déclencher la méthode updateView du contrôle. Le composant met à jour le modèle Angular et l’étiquette est mise à jour.

Articles associés

Télécharger des exemples de composants
Comment utiliser les exemples de composants
Référence du schéma de manifeste Power Apps component framework
Référence des API Power Apps component framework
Vue d'ensemble de Power Apps component framework