Passing ng-model in nested directives

Question

I want to pass my ng-model from the \'outer-directive\' to an \'inner-diretive\' (which is contained in the outer-directive template).

What is the correct way for doing

Answer 1

You can set up a bi-directional binding (see the documentation, section "Directive Definition Object") with the variable in ngModel attribute, as with any other directives:

myApp.directive('myDirective', function () {
    return {
        template: '
',
        replace: true,
        scope: {
            ngModel : '=',
        },
    };
});

Fiddle