AngularJS reusable directive - Change ngModel

HTML

<body ng-app="myApp">
   <cabecera-provision-micro  type="configurador_micro"></cabecera-provision-micro>
   <cabecera-provision-micro  type="configuradorTerminales_micro"></cabecera-provision-micro>
   <cabecera-provision-micro  type="datosOferta_micro"></cabecera-provision-micro>
         
    </body>

JavaScript

var app = angular.module("myApp", []);
app.directive('cabeceraProvisionMicro', function () {
  
var configurador_micro = "<div>configurador_micro</div>";

var configuradorTerminales_micro = "<div>configuradorTerminales_micro</div>";

var datosOferta_micro = "<div>datosOferta_micro</div>";

var getTemplate = function(typer) {
  
    var template = typer;
    
    switch(typer) {
        case 'configurador_micro':
            template = configurador_micro;
            break;
        case 'configuradorTerminales_micro':
            template = configuradorTerminales_micro;
            break;
        case 'datosOferta_micro':
            template = datosOferta_micro;
            break;
    }
    return template;
}




return {
    restrict: "EA",
    link: function (scope, element, attrs) {
           scope.type=getTemplate(attrs.type);
     },
     template:"</div>{{type}}</div>",
    scope: {
        type:'='
    },
		
	


};

});