JSFiddle - React, Tailwind, and code Playground

HTML

<div effect-color="#2D2F2A">content here</div>

JavaScript

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

myApp.directive('effectColor', [
  function () {
    return {
      restrict: 'A',
      controller: [
        '$scope', '$element', '$attrs', '$location', 
        function ($scope, $element, $attrs, $location) {
          alert($attrs.effectColor);
        }
      ]
    }
  }
]);