Angular 1.x Show Password Form Field Directive

example.html

<input type="password" show-password="">

showPassword.directive.js

    'use strict';

    function showPassword() {

        return {
            scope: null,
            restrict: 'A',
            link: function (scope, element) {

                var button = angular.element('<button class="show-password">Show</button>').on('click', () => {
                    button.remove();
                    angular.element(element).attr('type', 'text');
                });

                angular.element(element).parent().append(button);

            }
        };

    }

angular.module('showPassword', [])
        .directive('showPassword', showPassword);

showPassword.scss

// Extending bootstrap. Style as you please.
button.show-password {
    @extend .btn;
    @extend .btn-link;
    @extend .btn-sm;
    position: absolute;
    right: 0.5rem;
    top: 2.45rem;
    font-size: 0.6rem;
    text-transform: uppercase;
    padding: 0;
}