Módulo de Diferencias de Texto
El módulo de diferencia de texto es responsable de mostrar la diferencia entre dos JSON objetos o dos XML objetos.
También puede mostrar la diferencia entre dos objetos diferentes, como un JSON y XML objeto.
Está construido utilizando la tecnología de Google.diff-match-patch biblioteca. Actualmente, este módulo se utiliza en ods en el modal de comparación
componente que muestra la diferencia entre dos objetos de pago.
El componente de diferencia de texto tiene algunas opciones diferentes que se pueden utilizar para customise la salida. Por ejemplo, usted puede ver la diferencia lado a lado o línea por línea, mostrar solo las líneas con diferencias y elegir si desea que las diferencias estén resaltadas o no.
Así es como se ve el componente de diferencia de texto con las opciones predeterminadas.
Así es como se ve el componente cuando se selecciona la opción de mostrar solo las líneas con diferencias.
Así es como se ve el componente cuando se selecciona la opción de mostrar las diferencias línea por línea.
Así es como se ve el componente cuando se selecciona la opción de resaltar las diferencias.
Así es como se ve el componente cuando se selecciona la opción de resaltar las diferencias línea por línea.
| Nombre | Descripción |
|---|---|
@Input() titleLeft: string |
El título que se mostrará en el lado izquierdo del componente de diferencia de texto. |
@Input() titleRight: string |
El título que se mostrará en el lado derecho del componente de diferencia de texto. |
@Input() izquierda: string |
El objeto izquierdo a ser comparado. |
@Input() derecho: string |
El objeto correcto a ser comparado. |
Ejemplo de uso:
<ipf-text-diff
[titleLeft]="data.comparisonLeft?.title"
[titleRight]="data.comparisonRight?.title"
[left]="data.comparisonLeft?.payload | prettifyString"
[right]="data.comparisonRight?.payload | prettifyString"
>
</ipf-text-diff>