JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myModule" ng-controller="MyCtrl">
    <my-component>
        <h2>Attribute</h2> {{isolatedAttributeFoo}}
    </my-component>
            
    <my-component>
        <h2>Attribute</h2> {{isolatedAttributeFoo}}
    </my-component>
</div>

JavaScript

var myModule = angular.module('myModule', [])
    .directive('myComponent', function () {
        return {
            restrict:'E',
            scope:{}
        };
    })
    .controller('MyCtrl', ['$scope', function ($scope) {
        $scope.isolatedAttributeFoo = 'Hello!';        
    }]);