Каков правильный способ расширения поведения пользовательской угловой директивы?

Question

Я написал свою собственную угловую директиву под названием <my-table>, так как я использую ее несколько раз, передавая разные данные для отображения. Все таблицы имеют кнопку, при нажатии появляется всплывающее окно формы, например, так:

Однако для одного из <my-table> директив, я хочу, чтобы расширить поведение так, что он действует несколько отличается от другой <my-table> s. Например, предположим, что для формы, которая появляется, появится окно предупреждения, когда вы нажмете Submit, показывая данные, присутствующие в области <my-table>.

Вопрос в том, как наилучшим образом расширить поведение данной директивы, сохраняя при этом доступ к области действия директивы? Возможно ли это, или я просто неправильно использую директивы?

Answer 1

Вы можете сделать что-то в этом смысле:

<my-table on-submit="doSomething(message)"></my-table> 

В определении директивы вашей моего стола вы бы связать свой обратный вызов сферы:

scope: { 
     'submit': '&onSubmit' 
    }, 

Затем в контроллере вы определяете функцию :

$scope.doSomething = function(message) { 
    alert(message); 
} 

В вашем шаблоне, где вы определяете кнопку отправки, вы бы сделали :

<button ng-click="submit({message: 'bye!'})"></button> 

Вы можете ссылаться на документацию угловую для получения дополнительной информации: https://docs.angularjs.org/guide/directive