我们使用 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”
我正在我的项目中使用Angular Material Tree.是否可以默认打开树.
并且可以有一种方法一次扩展/折叠所有节点(例如,使用按钮)