Проблемы с передачей обратного вызова с контроллера на директиву

Question

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

controllers.controller('UserCtrl', function ($scope) { 
    $scope.name="Name"; 
    $scope.test = function (t) { 
    console.log("Inside "+t+" "+$scope.name) 
    return $scope.test2(); 
    }; 
    $scope.test2 = function(){ 
    return 2; 
    } 
} 

<my-test-directive respond="test"> 

Это, кажется, работает нормально, но когда я изменить его, чтобы попытаться соответствовать Google Angular conventions я получаю неопределенную ошибку при возврате this.test2();. Вот plunker с неудачной версией.

Использование «Google Angular style», как бы я справился с этим?

Answer 1

Пожалуйста, смотрите здесь: http://plnkr.co/edit/Mugs2C7UOjlXx1L3LsMP?p=preview

Вам нужно изменить несколько вещей :

1. Для вызова функции из директивы следует использовать «&» вместо «=»
2. В вашем изменения HTML respond="userController.test" в respond="userController.test(msg)"
3. Наконец, вы должны передавать объект функционировать вместо внесения изменений строки scope.respond("So I should be getting inside"); в scope.respond({msg:"So I should be getting inside"})

Я надеюсь, что это поможет.

Answer 2

Когда вы передаете функцию в javascript, контекст функции теряется, поэтому клавиатура this больше не будет работать. Если вы хотите передать свою тестовую функцию, вам нужно обернуть ее в функцию, привязанную к userCtrl. Вы можете сделать это с bind(), добавив следующую строку в конструктор вашего контроллера и передачи boundTest к вашей директивы вместо test

this.boundTest = this.test.bind(this); 

Обратите внимание, что bind() был введен в ES5, поэтому он не будет работать в IE8

Вот рабочая plunker http://plnkr.co/edit/BTuwTFf2XsmrR3As4x1x?p=preview

Answer 3

Вот what I came up with

Благодаря обокрасть за идею, я не знаю, что мне нравится это, хотя по двум причинам ...

1.) Я не могу использовать прототип, ограничив мой варианты наследования (как я понимаю) 2.) Это выглядит довольно Hacky

$scope.userController.test2(); 

в зависимости от подсчета голосов и комментариев будет зависеть то, что я отмечаю, как ответ, так пожалуйста, обеспечить обратную связь