JSFiddle - React, Tailwind, and code Playground

by Shital Agarwal

HTML

<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Example - example-checkbox-input-directive-production</title>
  

  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.1/angular.min.js"></script>
  

  
</head>
<body ng-app="checkboxExample">
<div ng-controller="ExampleController">
 <dl ng-repeat="item in userData">
   <dt>id</dt>
   <dd>{{item.id}}</dd>
   <dt>first_name</dt>
   <dd>{{item.first_name}}</dd>
   <dt>last_name</dt>
   <dd>{{item.last_name}}</dd>
   <dt>email</dt>
   <dd>{{item.email}}</dd>
</dl>
</body>
</html>

JavaScript

angular.module('checkboxExample', [])
    .controller('ExampleController', ['$scope', function($scope) {
       $scope.userData = [{
          "id":"1",
          "first_name":"Super",
          "last_name":"Admin",
          "email":"[email protected]",
          "status":"1",
          "is_superadmin":"1"
       }];
 }]);