JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-controller="MyCtrl">
    <div my-directive ng-repeat="item in items" item='item'></div>
</div>

JavaScript

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

app.directive('myDirective', function () {
    return {
        restrict: 'AE',
        scope:true,
        template: '<div>{{ item.id }} - Here is not the {{val}}</div>',
        link: function(scope){
        	scope.val = "thing"
        }
    }
});

function MyCtrl($scope) {
    $scope.items = [{id: 'item1'}, {id: 'item2'}];
}