Как передать функцию в кастомную директиву из контроллера?

Question

[odd-look]

Есть кастомная директива, для которой надо сделать ng-change. Но в контроллер директивы приходит только function (a) {h(c, a). То есть моя функция где то теряется по дороге.

Шаблон

input(
        ng-model="dt"
        ng-change='onChange'
    )

Контроллер директивы

.directive('uiDatepicker', [()->
    obj =
        restrict: 'AE'
        replace: true
        templateUrl: '/partials/datepicker'
        scope:
            dt: '='
            onChange: '&'
        controller: ['$scope', ($scope)->
            console.log $scope.onChange   #function (a) {h(c, a)
        ]
    obj
])

Вот так передаю функцию

ui-datepicker(dt='tenancy.startDate', onChange='test()')

Как увидеть функцию в директиве и заставить ее работать?

Answer 1

[Kano]

Для начала у вас не верно задано имя атрибута

ui-datepicker(dt='tenancy.startDate', on-сhange='test()')

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

.directive('uiDatepicker', [()->
...
        scope:
            dt: '='
            onChange: '='
])

ui-datepicker(dt='tenancy.startDate', on-сhange='test')

Comments

[odd-look]

Kano А если я хочу передать функцию в директиву, чтобы там watch навесить и сделать функцию обработчиком?

[Kano]

odd-look: не совсем понял суть вопроса

Answer 2

[Сергей Протько]

$scope.onChange(); // тут можно передать контекст. Читать документацию.