angular - 只有常量的 Typescript 类

Question

我想把我的缓存键放在一个中心位置。我想把它作为一个常量文件来做。此时我已经在每个需要它的页面上声明了缓存键。但是我需要删除那个重复项.我该怎么做？

缓存键声明之一:

purchasedOfflineArticlesKey: string = 'myLibraryPurchasedOfflineArticles';

你能告诉我一个合适的设计吗？我是否需要为此创建一个类并在其他需要的地方或以任何其他方式使用该类？希望您对此提供反馈。

更新:

我有如下缓存服务。

local-cache-service.ts

import { Injectable } from '@angular/core';
import { CacheService } from "ionic-cache";

@Injectable()
export class LocalCacheServiceProvider {

  constructor(private cache: CacheService) { }

  //get Item
  getItem(key: string): Promise<any> {
    return this.cache.getItem(key);
  }
}

我是这样用的:

offline-articles.ts

private purchasedOfflineArticlesKey: string = 'myLibraryPurchasedOfflineArticles';

 constructor(private localCacheService: LocalCacheServiceProvider) {
  }

     ionViewDidLoad() {
        this.localCacheService.getItem(this.purchasedOfflineArticlesKey).then(values => {
          this.arrangeMyOfflineArticles(values);
        }).catch(reason => {
        });
      }

Answer 1

在我的一个项目中，我为此目的在名为 constants.ts 的文件中定义了一个命名空间。你也可以做到的。下面是一些示例代码:

export namespace AppConstants
{
    // Class for general global variables.
    export class General
    {
       public static readonly WELCOME_TITLE = 'Welcome to my App';
    };
}

在我想使用常量的应用程序中，我导入了这个命名空间:

import { AppConstants } from './core/common/constants';

我可以像这样访问这些常量:

myMethod(){
    console.log(AppConstants.General.WELCOME_TITLE);
}