JSFiddle - React, Tailwind, and code Playground

by gogirl

HTML

<div ng-controller="MenuCtrl" ng-app="App">
    <button ng-click="showMenu = true">Show Menu</button>
    <div ng-show="showMenu">
        <input type="text" focus-if="showMenu">
    </div>
</div>

JavaScript

app = angular.module('App', []);
app.controller('MenuCtrl', function () {});
app.directive('focusIf', [function () {
    return function focusIf(scope, element, attr) {
        scope.$watch(attr.focusIf, function (newVal) {
            if (newVal) {
                element[0].focus();
            }
        });
    }
}]);