Директива Внутри другой директивы. Контроллер не может смотреть

Question

У меня есть 2 простых директив ...

родительская директива:

.directive('modal', [function() { 
return { 
    replace: true, 
    scope: { 
    /* attributes */ 
    }, 
    templateUrl: 'modal.tpl.html', 
    transclude: true, 
    link: function (scope) { 
    /* code */ 
    } 
}; 

ребенка директива

.directive('keypad', function() { 
'use strict'; 

return { 
    templateUrl: 'keypad.tpl.html', 
    scope: { 
     value: '=', 
    }, 

    link: function (scope, element, attrs) { 
    /* code */ 
    } 
}; 

и, наконец, контроллер :

.controller('ctrl', ['$scope', '$timeout', function ($scope, $timeout) { 
    $scope.$watch('howMuch', function(){ 
     console.log('wont work ;-('); 
    }); 
} 

и мой шаблон выглядит следующим образом:

<div modal> 
    <div keypad class="keypad" value="howMuch"></div> 
</div> 

Любая идея, почему директива ребенок не может изменить значение howMuch на контроллере? Тот же код, но без родительской директивы работает PERFECT.

Answer 1

Директива parent имеет изоляционную область. Вы не указали атрибуты области, но нужно получить доступ к howMuch через свойство в вашей изолированной области, чтобы обновить значение в области контроллера.