为角度数据表设置全局配置

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