JSFiddle - React, Tailwind, and code Playground

by Garth Edwards

HTML

<script src="http://code.angularjs.org/1.3.5/angular.js"></script>
<div ng-app="myApp">
    <div ng-controller="TestCtrl">
        eventData: <br> {{eventData}}
        <br>
        <br>
        eventData.product_detail:<br>{{eventData.product_detail[0].seller}}
        <br>
        <br>
        artist_stuff: <br> {{artist_stuff}}
        <br>
        <br>
        artist_stuff.gms_aid: <br> {{artist_stuff[0].product_detail}}
    </div>
</div>

JavaScript

var myApp = angular.module('myApp', ['myDB']);

myApp.controller('TestCtrl', function($scope, DB_Results) {
    var result1 = {
        item_number: 55,
        product_detail: "[{\"seller\":\"mystore\",\"article\":\"Red Book\",\"price\":\"15\"}]",
        product_rating: 8,
    };
        console.log('result1', result1);
        console.log('result1.product_detail', result1.product_detail);
    var result2 = DB_Results;
        console.log('result2', result2);
        console.log('result2.product_detail', result2.product_detail);
    
    var product_detail1 = JSON.parse(result1.product_detail);
        console.log('product_detail_1', product_detail);
    result1.product_detail = product_detail1;
        console.log('result1.product_detail', result1.product_detail);

    var artist_detail2 = JSON.parse(result2.product_detail);
        console.log('product_detail_2', product_detail2);
    result2.product_detail = artist_detail2;
        console.log('result2.product_detail', result2.product_detail);

    
    $scope.eventData = result1;
    $scope.artist_stuff = product_detail2;
});

var myDB = angular.module('myDB', []);

myDB.service('DB_Results', function(){
    return {
        item_number: 55,
        product_detail: "[{\"seller\":\"mystore\",\"article\":\"Red Book\",\"price\":\"15\"}]",
        product_rating: 8,
    };
});