I have been working on retrieving data from Firebase in my HTML using AngularJS. Everything is functioning well, however, when I access the child node, the data is displayed in an unexpected format. Please refer to the images below for more details:
This is the Json File imported to Firebase:
Here is how the data looks in Firebase:
And this is how the data appears in the HTML:
This is what I was expecting:
In my controller, I am trying to retrieve data from Firebase like this:
$scope.locService = $rootScope.service;
var serviceRef = new Firebase(FIREBASE_URL+"ABC/location/"+$rootScope.location+"/services/"+$rootScope.service+"/"+$rootScope.serviceDetail+"");
$scope.details = $firebaseArray(serviceRef);
The values of $rootScope are correct but the returned data is not in the expected format with $id, $value, $priority.
In my HTML:
<div class="content has-header">
<h2>{{details[0]}}</h2>
</div>
If anyone can provide some assistance, it would be greatly appreciated. Thank you in advance for any suggestions.