Запустить атрибут HTML с помощью angularjs без использования кнопки

Question

У меня есть пользовательский атрибут HTML & javascript, который будет отображать всплывающее окно с сообщением при нажатии кнопки.

Нажмите кнопку:

<a data-deploy-menu="menu-sheet-tutorial-1" href="#">Tap Here to open</a>

Открывающийся лист / всплывающее окно:

<div id="menu-sheet-tutorial-1" class="menu-wrapper">
    <div class="content">
        <h4>Hello, I'm action sheet!</h4>           
        <a href="#" class="close-menu button">Close</a>
    </div>
</div>  

data-deploy-menu = "menu-sheet-tutorial-1" - это то, что запускает событие, чтобы открыть лист.

И это то, что происходит при нажатии кнопки в javascript.

$('a[data-deploy-menu]').on( "click", function(){
        var menu_ident = $(this).data('deploy-menu');
        $('#'+menu_ident).addClass('active-menu');
        $('.fade-bg').addClass('active-fade'));
    });

И это то, что происходит при нажатии кнопки закрытия

$('.close-menu').on('click', function(){
        $('.menu-wrapper').removeClass('active-menu'));
        $('.fade-bg').removeClass('active-fade'));
    });

---

Проблема, с которой я сталкиваюсь, заключается в том, что я не могу запустить это событие без нажатия кнопки. Поэтому, используя angularJS, я хочу автоматически запускать этот лист при отправке формы или при выполнении определенного условия.

Answer 1

AngularJS имеет директиву, вызывающую ngSubmit, которая может быть снабжена выражением, подобным функции. Вот документация: https://docs.angularjs.org/api/ng/directive/ngSubmit