JSFiddle - React, Tailwind, and code Playground

HTML

<div class="" ng-app="retouch" ng-controller="retouchCtrl">
    {[{name}]}
    <retouch-directive name="petya"></retouch-directive>
</div>

JavaScript

var app = angular.module('retouch', ['retouchDir']).config(function($interpolateProvider){
    $interpolateProvider.startSymbol('{[{').endSymbol('}]}');
    });;

app.controller('retouchCtrl', ['$scope', function($scope){
$scope.name = 'Wasya';
}]);

angular.module('retouchDir', []).directive('retouchDirective', function(){
    return {
        scope : {
            name : '@'
        },
        restrict : 'E',
        template : '<span>{{name}}</span>'
    };
});