为 angular 数据表设置全局配置

Question

我对 angular 有点陌生，想知道如何为数据表设置全局配置。目前看来我只能在每个需要使用它的组件中设置它，但这显然是不好的做法。有什么方法可以全局设置配置并使其对所有组件模板可用？

我希望能够在单个位置设置以下内容，并让任何组件模板通过 [dt-options]="dtOptions"

访问它

dtOptions: DataTables.Settings = {
    language: {
        paginate: {
            first: "",
            previous: "<<",
            next: ">>",
            last: ""
        }
    },
    lengthMenu: [[10, 25, 50, -1], [10, 25, 50, "All"]]
}

希望这是有道理的

Angular版本：12.2.3

数据表版本：12.0.0

Answer 1

您可以创建 environment.ts 个文件。然后可以将这些文件导入到您的组件中。

// inside environment.ts    
export const dtOptions = {
        language: {
            paginate: {
                first: "",
                previous: "<<",
                next: ">>",
                last: ""
            }
        },
        lengthMenu: [[10, 25, 50, -1], [10, 25, 50, "All"]]
    }

像这里一样在你的组件中使用你的配置：

import { dtOptions} from '../path/to/environment.ts';

@Component({
  ...
})
export class FilterComponent implements OnInit {
   ngOnInit() {
     console.log(dtOptions.language);
   }
}

也可以为 angular.json 中定义的每个阶段 configuration 创建不同的环境配置。

Angular docs

为 angular 数据表设置全局配置

Setting global configuration for angular datatables

angular-datatables

angular