angularjs internationalize dynamic label

Question

I'd like to internationlize label fetched dynamicaly. I've tried something like this wihtout success:

<span class="nav-label">{{'{{menu.title}}' | translate}}</span> 

Any idea?

function config($translateProvider) {

$translateProvider
    .translations('en', {         
        dashbord: 'Dashboard',
    })
    .translations('fr', {
        dashbord: 'Tableau de bord',            
    })
    ;

$translateProvider.preferredLanguage('en');

}

Answer 1

You want to translate the key contained in $scope.menu.title, right? So use

{{ menu.title | translate }}