When trying to access the 'data' element in a JSON object, I have encountered an issue. The element is accessible when called from HTML, but not when called in JavaScript.
HTML:
<p>{{geoJson.data}}</p>
JavaScript:
let scope;
let datasources;
let attributeService;
let geofences = [];
let geoJson = [];
self.onInit = function() {
scope = self.ctx.$scope;
datasources = self.ctx.datasources;
for (var i = 0; i < datasources.length - 1; i++) {
geoJson.push(self.ctx.data[i]);
}
scope.geoJson = geoJson[0];
}
Upon calling geoJson[0].data in JavaScript, I expected the code to work, but it is actually returning undefined. This discrepancy has me puzzled.