Как использовать обещание внутри объекта литерал

Question

В angular-translate версии 2.0 $translate service больше не возвращает фактический перевод, а обещание. Я вижу, что это хорошая идея, потому что может произойти асинхронная загрузка. Но меня смущает, как использовать службу должным образом в моем случае, потому что я использовал $ перевести службу внутри литерала объекта, как этот

$scope.myDefs = [ 
     ... 
     { 
      field: 'supplier', 
      displayName: $translate('Supplier'), 
      cellTemplate: "<div class=\"ngCellText\">...</div>" 
     }, 
     ... 
     { 
      field: 'supplierSize', 
      displayName: $translate('Size'), 
      width: 100, 
      cellClass: "center" 
     } 
     ... 
]; 

Вопрос: Как использовать обещание внутри объекта буквальным?

Предполагается (в соответствии с documentation) можно использовать следующим образом:

$translate('HEADLINE').then(function (headline) { 
    $scope.headline = headline; 
}); 

Answer 1

Вам нужно будет иметь прямую ссылку. Или вспомогательная функция, которая имеет замыкание по ссылке. Как:

$scope.myDefs = [ 
    ... 
    createArrayObject({ 
     field: 'supplier', 
     displayName: $translate('Supplier'), 
     cellTemplate: "<div class=\"ngCellText\">...</div>"   
    }), 
    createArrayObject(..... 

] 

и других

function createArrayObject(obj){ 
    obj.displayName.then(function(data){ 
     obj.displayName = data; 
    }); 
    return obj; 
} 

Update

Брайан предложил ниже, его всегда хорошая идея, чтобы написать общий код, который можно использовать во всем.

var forEach = angular.forEach, 
    isFunction = angular.isFunction; 

function resolveProperties(obj){ 
    forEach(obj,function(val,key){ 
     if(isFunction(val.then)){ 
      val.then(function(data){ 
       obj[key] = data; 
      }); 
     } 
    }); 
} 

Таким образом, вы можете использовать его как ...

[ 
    resolveProperties({ 
     myPropertyToResolve: promiseReturningFunction() 
    }), 
    .... 
] 

Answer 2

Другая идея состоит в том, чтобы перебрать ваш буквальным и заменить все обещания со значениями. Однако я не знаю, что произойдет, если вы позвоните тогда, когда обещание уже разрешено.

angular.forEach($scope.myDefs, function(element){ 
    element.displayName.then(function(result){ 
     element.displayName= result; 
    }) 
}) 

Answer 3

Если вы знаете, что нет никакого асинхронным вещей происходит, вы можете использовать $translate.instant(), которая ведет себя так же, как $translate() в 1.x.

Answer 4

Если вы используете ui-grid, решение состоит в том, чтобы добавить headerCellFilter: 'translate' to columnsDefs (означает myDefs) и displayName должен иметь ключ перевода.

Вот,

$scope.myDefs = [ 
 
     { 
 
      field: 'supplier', 
 
      displayName: "Supplier", 
 
      cellTemplate: "<div class=\"ngCellText\">...</div>", 
 
      headerCellFilter: 'translate' 
 
     }, 
 
     { 
 
      field: 'supplierSize', 
 
      displayName: "Size", 
 
      width: 100, 
 
      cellClass: "center", 
 
      headerCellFilter: 'translate' 
 
     } 
 
];