Switching language with Angular Translate

Unfortunately, it's not possible (for now?) to switch language if you define the title of the columns in the controller. Only by providing the titles directly in the HTML code can you switch the language.

{{ 'id' | translate }} {{ 'firstName' | translate }} {{ 'lastName' | translate }}
{{ 'id' | translate }} {{ 'firstName' | translate }} {{ 'lastName' | translate }}
angular.module('showcase', ['datatables', 'pascalprecht.translate']) .config(translateConfig) .controller('WithAngularTranslateSwitchLanguageCtrl', WithAngularTranslateSwitchLanguageCtrl); function translateConfig($translateProvider) { $translateProvider.translations('en', { id: 'ID with angular-translate', firstName: 'First name with angular-translate', lastName: 'Last name with angular-translate' }); $translateProvider.translations('fr', { id: 'ID avec angular-translate', firstName: 'Prénom avec angular-translate', lastName: 'Nom avec angular-translate' }); $translateProvider.preferredLanguage('en'); } function WithAngularTranslateSwitchLanguageCtrl(DTOptionsBuilder, DTColumnBuilder, $translate) { var vm = this; vm.dtOptions = DTOptionsBuilder.fromSource('data.json'); vm.dtColumns = [ DTColumnBuilder.newColumn('id'), DTColumnBuilder.newColumn('firstName'), DTColumnBuilder.newColumn('lastName') ]; vm.switchLanguage = switchLanguage; vm.lang = 'en'; function switchLanguage(lang) { $translate.use(lang); } }