JSFiddle - React, Tailwind, and code Playground

by Evan Sharp

HTML

<div ng-controller="myCtrl as ctrl">
    <input ng-blur="ctrl.doIt()" model="ctrl.testing" />
    <select ng-model="ctrl.value">
        <option value=""> - Select! - </option>
        <option value="option 1"> Opt 1 </option>
        <option value="option 2"> Opt 2 </option>
        <option value="option 3"> Opt3 </option>
    </select>
    <button ng-click="ctrl.doneIt = false;" ng-if="ctrl.doneIt">reset</button>
</div>

JavaScript

function myCtrl($scope, $timeout){
    var scope = this;
    scope.doIt = function(){
        $timeout(function(){
            $timeout(function(){
            scope.doneIt = true;
            },100);
        },100);
    };
    $scope.$watch(function(){
                    return scope.doneIt
                },function(value){
                    if(value){
                        $timeout(function(){
                            scope.doneIt = false;
                        })
                    }
                });
}