Dynamic ng-model binding inside a directive

Question

I\'m trying to create a custom component that uses a dynamic ng-model inside-out the directive.

As an example, I could invoke different components like:

Answer 1

Something like this?

http://jsfiddle.net/bateast/RJmhB/1/

HTML:

JS:

angular.module('test', [])
    .directive('myDir', function() {
        return {
            restrict: 'E',
            scope: {
                ngModel: '='
            },
            template: '
',            
        };
    });