JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html ng-app="Filter">
<head>
<!-- basic scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script>
var app = angular.module("Filter", []);
app.controller('StateShowCtrl', ['$scope', '$http',
function ($scope, $http) {
debugger;
var data=[
{
"PatientState": "AK",
"DispenseMonth": "7/1/2016"
},
{
"PatientState": "AK",
"DispenseMonth": "8/1/2016"
},
{
"PatientState": "AK",
"DispenseMonth": "9/1/2016"
},
{
"PatientState": "AK",
"DispenseMonth": "10/1/2016"
},
{
"PatientState": "AK",
"DispenseMonth": "11/1/2016"
},
{
"PatientState": "AK",
"DispenseMonth": "2/1/2017"
},
{
"PatientState": "AK",
"DispenseMonth": "3/1/2017"
}
]
$scope.StateInformations =data;
console.log( $scope.StateInformations);
}
]);
</script>
</head>
<body class="no-skin" ng-controller="StateShowCtrl">
</body>
</html>