JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app="myApp">
<div>
<my-directive my-ng-class="{'green': true }"></my-directive>
</div>
</div>
CSS
.green {
color:green
}
JavaScript
angular.module('myApp', [])
.directive('myDirective', function () {
return {
restrict: 'E',
scope: {
myNgClass: '@'
},
template: '<div ng-class="myNgClass">Hello World</div>'
}
});