JSFiddle - React, Tailwind, and code Playground

by Ahmad Baktash Hayeri

HTML

<div ng-app="app">
  <div ng-controller="ctrl">
    <some-dir data="data"></some-dir>
  </div>
</div>

JavaScript

angular.module('app', [])
.controller('ctrl', ['$scope', function($scope){
	$scope.data = {
  	name: 'Baktash',
    occupation: 'Developer'
  }
}])
.directive('someDir', function(){
	return {
  	scope: {
    	data: '='
    },
    template: '<h2 >{{ data.name }}</h2>'
  };
})