JSFiddle - React, Tailwind, and code Playground

by frishi

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular.js"></script>
<body ng-app="x">
 <div ng-controller="Controller">
   {{foo.ASSOC_INC_OFF[0].CRINVOLVED["FirstName"] |json}}
 </div>
</body>

JavaScript

var app = angular.module("x", [])

.controller('Controller', function($scope){
 $scope.foo = {
"ASSOC_INC_OFF": [{
    "ALLEGATIONS": [],
    "CRINVOLVED": {
        "ASSOC_INC_OFF": [],
        "FirstName": "Joe",
        "MiddleName": null,
        "LastName": "Do",
        "DateOfBirth": null,
        "Hired_DT": null,
        "Race": null,
        "Rank": null,
        "District": null,
        "OffDuty": null,
        "Sex": null,
        "Ethnicity": null,
        "OfficerType": null,
        "OIMOnly": null,
        "CompID": null,
        "OFCNUM": 2,
        "AIO_ID": null,
        "BadgeNo": "P12345",
        "Department": null
    },
    "AIO_ID": 3,
    "COMP_ID": 1,
    "OFCNUM": 2,
    "LINK_TYPE": null
}],
"COMP_ID": 1,
"FileNum": "case1",
"Received_DT": "2016-01-21T00:00:00",
"CRORoute_DT": "2015-10-07T00:00:00"
}
})