JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app='myApp'>
  <div ng-controller='ctrl'>
    {{OptionTwo}}

  </div>
  <hands-up-video-overlay></hands-up-video-overlay>
</div>

JavaScript

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

app.controller('ctrl', function($scope) {
  $scope.data = [];
});

app.directive('handsUpVideoOverlay', function() {
  return {
    restrict: 'E',
    replace: true,
    scope: false,
    template: '<div class="handsOffOverlay" ng-if="1>0">lol' +
      '</div>',
    link: function($scope) {

    }
  };
});