小编sai*_*bot的帖子

AG-Grid:使用 ngx-translate 翻译 headerName(角度)

我们使用 Angular 来可视化 AG 网格。我们希望将农业网格的标题翻译成用户的语言。

农业网格代码:

<ag-grid-angular class="ag-theme-material" [rowData]="productionOrders">
  <ag-grid-column [headerName]="'ORDERS.GRID.EntryCode' | translate" field="entry"></ag-grid-column>
  <ag-grid-column [headerName]="ORDERS.GRID.EntryDescription" field="entryDescription"></ag-grid-column>
</ag-grid-angular>
Run Code Online (Sandbox Code Playgroud)

我们可以用同样的方式翻译 html 页面本身的值:

<span>{{ 'ORDERS.Status' | translate}}</span>
Run Code Online (Sandbox Code Playgroud)

我注意到,当加载翻译时,ag grid 不会注意到翻译何时加载。然而,html 页面本身的值会被翻译。

额外信息:ngx-translate 的翻译管道是一个“不纯”管道,这意味着它的值可以改变(例如,当加载所有翻译时)

同样,当使用没有翻译的 headerName 时,它​​不会更新:

农业网格代码:

<ag-grid-angular class="ag-theme-material" [rowData]="productionOrders">
  <ag-grid-column [headerName]="bindedString" field="entry"></ag-grid-column>
</ag-grid-angular>
Run Code Online (Sandbox Code Playgroud)
this.lazyString = 'test-1';
setTimeout(() => {
  this.lazyString = 'test-2';
}, 3000);
Run Code Online (Sandbox Code Playgroud)

标头名称永远不会更新为“test-2”

typescript ag-grid angular

6
推荐指数
2
解决办法
9309
查看次数

Angular Material 6.0.1树默认打开并展开/折叠全部

我正在我的项目中使用Angular Material Tree.是否可以默认打开树.

并且可以有一种方法一次扩展/折叠所有节点(例如,使用按钮)

https://material.angular.io/components/tree/overview

tree angular-material angular

4
推荐指数
2
解决办法
1万
查看次数

标签 统计

angular ×2

ag-grid ×1

angular-material ×1

tree ×1

typescript ×1