Implementar componente Flip

En este ejemplo se muestra cómo usar las bibliotecas/marcos de trabajo externos para crear componentes en Power Apps component framework. El componente de ejemplo Flip se implementa basándose en angular.js, angular-ui, angular-animate, angular-sanitize, bootstrap. El código puede no revelar las prácticas recomendadas para las bibliotecas/marcos de trabajo externos mencionados.

Disponible para

Aplicaciones de lienzo y basadas en modelos

Código

Puede descargar el componente de ejemplo completo aquí.

Este ejemplo proporciona ejemplos de cómo agregar dependencias para bibliotecas/marcos de trabajo externos, mostrando cómo realizar de enlace de datos entre Power Apps component framework, el modelo de componentes y el modelo de datos internos Angular de forma bidireccional.

El ejemplo de componente Flip consta de una etiqueta y un botón. Al seleccionar el botón, cambia el texto de la etiqueta.

• Cuando el componente se carga, la etiqueta muestra el texto basado en el valor de la columna de vinculación. Los context.parameters.[property_name].attributes contienen las definiciones asociadas.
• Para los campos Sí/No, context.parameters.[property_name].Options incluirá los valores Verdadero y Falso.
• Al seleccionar en el botón Cambiar, la etiqueta actualizará el valor mediante el método notifyOutputEvents, el método getOutputs se llamará de forma asincrónica y pasará a Power Apps component framework.
• ClientAPI actualzia el valor de la columna de vínculo y el valor actualizado pasa a la etiqueta de componente. También puede usar ClientAPI para actualizar un valor de columna al método de control del desencadenador updateView. El componente entonces actualiza el modelo de Angular y la etiqueta se actualiza.

Artículos relacionados

Descargar componentes de ejemplo
¿Cómo usar los componentes de ejemplo?
Referencia de esquema de manifiesto de Power Apps component framework
Referencia de la API de Power Apps component framework
Información general sobre Power Apps component framework