Пользовательская директива AngularJS ng -show/ng -hide

Предупреждение :Угловой новичок впереди.

Я пытаюсь создать собственный виджет, который по умолчанию будет отображать ссылку «Ответить», и при нажатии она должна быть скрыта, а текстовая область должна отображаться. Вот что у меня есть, но это не работает::

 .directive('replybox', function ($rootScope) {
    var linkFn = function (scope, element, attrs) {
        var label = angular.element(element.children()[0]);
        scope.showInput = false;

        label.bind("click", textbox);

        function textbox() {
            scope.showInput = true;
        }
    };
    return {
        link:linkFn,
        restrict:'E',
        scope:{
            id:'@',
            label:'@',
            showInput:'='
        },
        template:'<a ng-hide="showInput">label</a><textarea ng-show="showInput">    </textarea>',
        transclude:true
    };
})

Любое руководство будет оценено. Спасибо!