I have an error when I map a form variable (JSON) to a table(HTML table tag). The form variable is a collection of complex data.

Q&A
1

Hello to the hole Bonita community, I’m new in Bonita 7.2, any help will be appreciated.
I hope you a nice day.
This is the problem:

I created a custom Widget with an HTML table, I use a parameter, a Collection of Complex Data that I pass to the widget and I try to show it in the wdget But I always get an error.
I’m watching the vaue of the collection in a text field and it is a correct JSON.
This is the tempalte code:

Reporting Entity Reporting entity name Job Profile Reporters code First Name Last Name Email
{{ model.entidadReportante }} {{ model.nombreEntidadReportante }} {{ model.departamento }} {{ model.perfilReportante }} {{ model.codigoReportante }} {{ model.nombre }} {{ model.apellidos }} {{ model.email }}

This is the controller code:

function ($scope) {
$scope.datosTablaLocal = $scope.properties.datosTablaLocal;
}

The JSON Code:

[
{
“persistenceId”: 111,
“persistenceVersion”: 1,
“notificationId”: “11”,
“entidadReportante”: “Spain Other Aircraft Ground Handling Organization”,
“nombreEntidadReportante”: “Atlantica”,
“departamento”: “Operaciones Vuelo”,
“perfilReportante”: “Tripulante de Vuelo”,
“codigoReportante”: “Y15678909”,
“nombre”: “Marta”,
“apellidos”: “López Sánches”,
“email”: “mlopez@naysa.es”,
“viaReporte”: “Rapida”,
“fechaLocalCreacionReporte”: “11-07-2016”,
“horaLocalCreacionReporte”: “12:00:00”,
“tiempoDeReporteDesdeOcurrencia”: “2”,
“narrativaOriginal”: "Narrativa ",
“lenguaje”: “Leng”,
“nombreAdjuntos”: “Adjuntos”,
“tipoReporte”: “Tipo 1”,
“id”: “211212”,
“fechaCreacion”: “08-07-2016”,
“usuCreador”: “C78715649”,
“fum”: “9-10-2015”,
“uum”: “G45678098”,
“fechaLocalCompletaCreacion”: “5-5-2016”,
“selected”: false
}
]

THE ERROR, ANGULAR JS:

vendor.min.js:102 Error: [$parse:syntax] http://errors.angularjs.org/1.3.18/$parse/syntax?p0=panel&p1=is%20an%20unexpected%20token&p2=7&p3=panel%20panel-default&p4=panel-default
at Error (native)
at http://localhost:8080/bonita/portal/resource/taskInstance/RegistroSimpleNotificacion/5.3/RevisarCamposNotificacion/content/js/vendor.min.js:6:417
at lb.throwError (http://localhost:8080/bonita/portal/resource/taskInstance/RegistroSimpleNotificacion/5.3/RevisarCamposNotificacion/content/js/vendor.min.js:192:113)
at lb.parse (http://localhost:8080/bonita/portal/resource/taskInstance/RegistroSimpleNotificacion/5.3/RevisarCamposNotificacion/content/js/vendor.min.js:190:406)
at http://localhost:8080/bonita/portal/resource/taskInstance/RegistroSimpleNotificacion/5.3/RevisarCamposNotificacion/content/js/vendor.min.js:110:366
at new n (http://localhost:8080/bonita/portal/resource/taskInstance/RegistroSimpleNotificacion/5.3/RevisarCamposNotificacion/content/js/runtime.min.js:1:10017)
at Object.create (http://localhost:8080/bonita/portal/resource/taskInstance/RegistroSimpleNotificacion/5.3/RevisarCamposNotificacion/content/js/runtime.min.js:1:8209)
at http://localhost:8080/bonita/portal/resource/taskInstance/RegistroSimpleNotificacion/5.3/RevisarCamposNotificacion/content/js/runtime.min.js:1:12401
at Array.forEach (native)
at Object.create (http://localhost:8080/bonita/portal/resource/taskInstance/RegistroSimpleNotificacion/5.3/RevisarCamposNotificacion/content/js/runtime.min.js:1:12373)

(anonymous function) @ vendor.min.js:102(anonymous function) @ vendor.min.js:76Xc @ vendor.min.js:70x @ vendor.min.js:59g @ vendor.min.js:51g @ vendor.min.js:51x @ vendor.min.js:59g @ vendor.min.js:51(anonymous function) @ vendor.min.js:51(anonymous function) @ vendor.min.js:52l @ vendor.min.js:56(anonymous function) @ vendor.min.js:217m.$digest @ vendor.min.js:124m.$apply @ vendor.min.js:127(anonymous function) @ vendor.min.js:17e @ vendor.min.js:36d @ vendor.min.js:17xc @ vendor.min.js:18Od @ vendor.min.js:17(anonymous function) @ vendor.min.js:252a @ vendor.min.js:165c @ vendor.min.js:32