JSFiddle - React, Tailwind, and code Playground

by rixlabs

HTML

<div ng-controller="MyCtrl">
 
   <pass-object ng-repeat="issue in issues" issue="issue"></pass-object>
 
</div>

JavaScript

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

myApp.directive('passObject', function() {
    return {
        restrict: 'E',
        scope: { issue: '=' },
        template: '<div class="issues"><h3>{{issue.Summary}}<span class="label label-primary" style="margin-left:2%">{{issue.Type}}</span></h3><p>{{issue.Description}}</p></div>'
    };
});

myApp.controller('MyCtrl', function ($scope) {
    $scope.obj = { prop: "world" };
    $scope.issues = [{Summary:"AAA",Type:"TypeAAA",Description:"DescAAA"}];
});