JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<div ng-app="testApp" ng-init="collection = [1,3,7]; flag1 = 'no catch';flag2 = 'no catch'">
    <h3>Isolated:</h3>
    {{flag1}}
    <br/>
    <unit ng-repeat="unit in collection" ng-repeat-done-notification="flag1" id="{{unit}}"></unit>
    
    <h3>Not-isolated:</h3>
    {{flag2}}
    <br/>
    <unit2 ng-repeat="unit in collection" ng-repeat-done-notification="flag2" id="{{unit}}"></unit2>
</div>

JavaScript

angular.module('testApp', [])
.directive('ngRepeatDoneNotification', function($rootScope) {
	return function(scope, element, attrs) {
		if (scope.$last){
			$rootScope[attrs.ngRepeatDoneNotification] = "$last has been catched"
		}
	};
})
    .directive('unit', function () {
    return {
        restrict: 'E',
        scope: {
            'id': '@'
        },
        template: '<div>i am the unit {{id}}</div>',
        replace: true
    }
})
    .directive('unit2', function () {
    return {
        restrict: 'E',
        template: '<div>i am the unit {{id}}</div>',
        replace: true
    }
});