Como adicionar funcionalidade ng-model a um componente

Alteração ng angular no modelo ng passada na diretiva filho

Basicamente, eu quero poder passar o modelo ng de uma diretiva pai para uma diretiva filho. Eu poderia apenas em um valor vinculado bidirecional, mas não seria capaz de usar uma alteração ng na diretiva pai no elemento filho. Eu também poderia usar o ng-click, mas isso não funcionaria com uma alteração sem clicar (como uma área de texto em vez de uma caixa de seleção). Então, eu estou querendo saber se existe uma maneira de permitir que diretivas personalizadas tenham um par ng-model / ng-change semelhante à maneira como entradas, botões, áreas de texto e outros elementos html podem. Eu quero evitar o uso de emissões, ons, relógios, retornos de chamada, etc. Eu só quero poder [input type = "checkbox" ng-model = "ngModel"] em uma diretiva personalizada em vez da entrada.

Modelo principal

<child ng-model="x" ng-change="x()"></toggle>

Diretiva Pais

$scope.x = function() {console.log('hi')};

Modelo filho

<div>
     <input type="checkbox" ng-model="ngModel">
</div>

Diretiva Criança ??

$scope.ngModel = $element.controller('ngModel'); 

Minha versão angular é 1.4.8 btw.

Obrigado :)

questionAnswers(2)

yourAnswerToTheQuestion