Tengo el html de un componente en el que tengo una propiedad llamada información a la que se hace referencia en un archivo de servicio. El problema es que la información es una cadena json que se analizará en el servicio (por angular). Tengo un escenario en el que uno de los valores de json contiene una comilla ('). El problema es que no puedo omitir la cita en html sin encontrarme con un error de compilación. ¿Hay alguna solución para lo mismo?
El siguiente es un fragmento de ejemplo
<my-component id="wt_tab_206_000000010wrap" class="form-group inlineblock" [info]="{'id':'wt_tab_206_000000010','value':'LoadDatanew','disabled':false,'readonly':false}" filterFields="N"></my-component> En el ejemplo anterior, [info] es la propiedad en cuestión. En eso, se supone que la clave de valor tiene el valor como LoadData'new . Pero analizarlo como LoadData\'new no resuelve el problema. Cualquier ayuda es apreciada.
Puede pasar los datos como un objeto sin encadenarlos.
Solo pásalo así:
<my-component id="wt_tab_206_000000010wrap" class="form-group inlineblock" [info]="obj" filterFields="N"> </my-component> En su archivo .ts :
public obj = { id: 'wt_tab_206_000000010', value: 'LoadDatanew', disabled: false, readonly: false }