JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<div ng-app="app">
    <div data-project-clear-coupons="">
        <input type="text" class="form-control" data-ng-model="newCode">
        <button class="clear" type="button" data-ng-click="clearSearch()">X</button>
    </div>
</div>

JavaScript

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

app.directive('projectClearCoupons', function() {
   return {
    restrict: 'A',
    link: function (scope, elem, attrs) {
      scope.newCode = "";

      scope.clearSearch = function () {
          scope.newCode = "";
      };
    }
   };
  });