angularjs internationalize dynamic label

问题

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');

}

回答1:

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

{{ menu.title | translate }}

来源：https://stackoverflow.com/questions/30869693/angularjs-internationalize-dynamic-label