JSFiddle - React, Tailwind, and code Playground

by marco_m_alves

HTML

<div ng-controller="Ctrl">
    <z a="a"></z> 
    {{a}}
</div>

JavaScript

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

app.controller('Ctrl', function($scope){
    //$scope.a = 'blah';
});

app.directive('zzz', function(){
return {
    restrict: 'E',
    scope: {a:'='},
    template: '<input ng-model="a">{{a}}<br>'
};
});

app.directive('zz', function(){
return {
    restrict: 'E',
    scope: {a:'='},
template: '<zzz a="a"></zz>{{a}}<br>'
};
});

app.directive('z', function(){
return {
    restrict: 'E',
    scope: {a:'='},
template: '<zz a="a"></zz>{{a}}<br>'
};
});