JSFiddle - React, Tailwind, and code Playground
HTML
<html ng-app="myapp">
<div ng-controller="angularJs">
<input type="text" ng-model="name"/>
<merhaba-dunya></merhaba-dunya>
</div>
</html>
JavaScript
var app = angular.module('myapp', []);
function angularJs($scope){
$scope.name = 'ahmet';
}
app.directive('merhabaDunya', function() {
return {
restrict: 'E',
replace: 'true',
template: '<div>{{ name }}</div>'
};
});