JSFiddle - React, Tailwind, and code Playground

by vaibhavgupta007

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<div ng-controller="MemberCtrl">
{{member | json}}
    <div member="member"></div>
    <div member="member.children[0]"></div>
</div>

JavaScript

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

app.controller('MemberCtrl', function($scope){
	$scope.member = {

		name: "Member1",
		children:[
		{
			name:"Child1"
		},
		{
			name:"Child2"
		}
		]
	};
    
    $scope.prefix = "Mr.";
});



app.directive('member', function(){
    return {
        restrict: 'A',
        template: "{{prefix}}<input type='text' ng-model='member.name'>",
        scope: {
			member: "="
        }
    };
});