JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app">
    <div isolatedScope>
        <div infobox info="This is some info"></div>
    </div>
    <div>{{info}}</div>
</div>

JavaScript

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

app.directive('isolatedScope', function() {
    return {
        restrict : 'A',
        scope : {}
    };
});

app.directive('infobox', function() {
    return {
        restrict : 'A',
        scope : {
            info : '@info'
        },
        controller: function($rootScope, $scope) {
            $rootScope.info = $scope.info;
        }
    };
});