Directive faisant appel à d'autres directives

Bonjour,

J'ai une problématique qui me semblait simple sur papier mais, dans la pratique, je n'arrive pas m'en sortir.
Je parcours une liste d'éléments via ngRepeat:

les élements:

Code:

1
2
3
4
5
 
{
    "months"      : {"name": "MOIS", "label": "Mois", type:"listParameter", "value" : [1,2,3,4,5,6,7,8,9,10,11] },
    "years"     : {"name": "ANNEE", "label": "Année", type:"listParameter", "value" : [2013,2014] }
}

et le template:

Code:

<parameter ng-repeat="param in parameters" label="{{param.label}}" type="{{param.type}}" value="{{param.value}}" />

J'ai une directive "parameter" et je voudrai, selon la valeur de l'attribut "type", faire appel à une autre directive:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
.directive('parameter',function()
{
        return {
            restrict : 'E',
            scope :{ label:'@', type:'@'},
           template:'<div class="label_input" >'
                    +'<label>{{label}}</label>'
                    +'<{{type}}/>'
                    +'</div>'
           }
})
.directive('list', function()
    {
        return {
            restrict : 'E',
            replace:true,
            template : '<span>YO!</span>'
        }
    });

Et tout ce que j'obtiens:

Pièce jointe 156211