Question

我正试图将Ui-grid翻译成角度，但我不能。我只想翻译columnDefs 这是我的控制器：

 $scope.gridOptions = {

        enableSorting: true,
        columnDefs: [

                  { name: 'نمایش', cellClass: "editCell", cellTemplate: '<i id="editBtn" tooltip-placement="left" tooltip="نمایش درخواست" class="fa fa-eye" ng-click="getExternalScopes().editUser(row.entity.RequestCode)" ></i>', headerClass: 'JobHeader' },

                   {
                       name: 'کد شهر',  headerClass: 'cityHeader', field: 'CityCode', editableCellTemplate: self.editableCellTempate, 
                       enableCellEdit: true
                   },
                    { name: 'کد امور', field: 'RgnCode' },
        { name: 'شماره درخواست', field: 'RequestCode' },

        ],


    };

我想翻译name in columnDefs

有什么想法吗？

Answer 1

使用

cellFilter：＆＃39;翻译＆＃39;对于细胞，
headerCellFilter：＆＃39;翻译＆＃39;标题
footerCellFilter：＆＃39;翻译＆＃39;对于页脚

colummDefs中的

Answer 2

我使用了{field:'id', displayName:'ID_TRANSLATION_KEY', headerFilter:'translate'}。它像通常的模板翻译一样工作。只有在使用 headerCellTemplate 时，您的解决方案可能会丢失组件提供的默认排序功能（必须创建自己的排序功能）。我认为这可能有助于某人。

Answer 3

如果要手动翻译它，请使用name作为数据中的fieldname，然后将displayName设置为您想要的任何名称。

如果你想使用angular-translate进行即时翻译，那就像@YOU所说的那样。

Answer 4

使用displayName和$translate.instant('...')：

{
   name: 'CityCode',
   displayName: $translate.instant('CityCode'),
   headerClass: 'cityHeader',
   editableCellTemplate: self.editableCellTempate, 
   enableCellEdit: true
}

翻译Ui-grid Angular

4 个答案: