Angular 2，正确实现常量的方法

13 浏览
0 Comments

Angular 2，正确实现常量的方法

在我的Angular 2项目中，我当前有一个称为translation的对象，其中包含我在某些表单中使用的一些字符串，其全局外观如下：\n

    public translator = {
        'performance_standard_time_deviation': {
            'both': '句子A',
            'shorter': '句子B',
            'longer': '句子C',
            'no': '句子D'
        },
        'performance_soundcheck': {
            2: '句子A',
            1: '句子B',
            0: '句子C'
        }
};

\n我需要在几个组件中使用这个对象，目前我只是将代码复制并粘贴到每个组件中，这显然不是一个好的解决方案，因为它违反了DRY原则。我的问题是，什么是在Angular 2项目中共享这些对象的正确解决方案？我知道你可以从组件传递变量到组件，但那有点狡猾。什么是首选方法？

0

1 答案

0 Comments

Angular 2中，正确的实现常量的方法是什么？

在Angular 2中，我们经常需要使用常量来定义一些固定的值，例如API的URL或者一些配置参数。然而，有时候我们可能会遇到一些问题，例如在不同的组件中重复定义常量，或者在不同的文件中定义相同的常量。为了解决这些问题，我们需要找到一种正确的方式来实现常量。

解决方法如下：

首先，我们可以创建一个单独的文件来存放所有的常量，例如constants.ts。在这个文件中，我们可以使用如下的方式来定义常量：

export const YOUR_CONSTANT = {};

这里，YOUR_CONSTANT是我们要定义的常量的名称，{}中则是我们要赋给常量的值。通过使用export关键字，我们可以将常量导出到其他文件中使用。

接下来，我们可以在需要使用常量的组件中导入这个常量，并在代码中使用它。例如，在一个名为example.component.ts的组件中，我们可以这样导入常量：

import { YOUR_CONSTANT } from './constants';

然后，我们就可以在代码中使用YOUR_CONSTANT这个常量了。例如：

console.log(YOUR_CONSTANT);

通过这种方式，我们可以确保在不同的组件中使用相同的常量，并且避免了重复定义常量的问题。同时，我们也能够更加方便地管理和维护这些常量。

在Angular 2中，正确的实现常量的方法是将常量定义在一个单独的文件中，并通过使用export关键字将其导出到其他文件中使用。这样可以避免重复定义常量的问题，并且方便管理和维护这些常量。希望通过这种方式，我们能够更好地使用和管理常量，提高代码的可维护性和可读性。

0