UI/Angular/Config State | Documentation Center

配置状态

ConfigStateService 是一个单例服务,即在应用程序的根级别提供,用于与 Store 中的应用程序配置状态进行交互.

使用前

为了使用 ConfigStateService,你必须将其注入到你的类中.

import { ConfigStateService } from '@abp/ng.core';

@Component({
  /* class metadata here */
})
class DemoComponent {
  constructor(private config: ConfigStateService) {}
}

你不必在模块或组件/指令级别提供 ConfigStateService,因为它已经在根中提供.

选择器方法

ConfigStateService 有许多选择器方法允许你从 Store 获取特定或所有的配置.

如何从Store获取所有的配置

你可以使用 ConfigStateService 的 getAll 方法从Store获取所有的配置对象. 用法如下:

// this.config is instance of ConfigStateService

const config = this.config.getAll();

如何从Store获取特定的配置

你可以使用 ConfigStateService 的 getOne 方法从Store获取特定的配置属性. 你需要将属性名做为参数传递给方法:

// this.config is instance of ConfigStateService

const currentUser = this.config.getOne("currentUser");

有时你想要获取具体信息,而不是当前用户. 例如你只想获取到 tenantId:

const tenantId = this.config.getDeep("currentUser.tenantId");

或通过提供键数组作为参数:

const tenantId = this.config.getDeep(["currentUser", "tenantId"]);

getDeep 可以执行 getOne 的所有操作. 但 getOne 的执行效率要高一些.

配置状态属性

请参阅 Config.State 类型,你可以通过 getOne 和 getDeep 获取所有属性. 你可以在config.ts 文件中找到.

如何从Store获取应用程序信息

getApplicationInfo 方法从存储为配置状态存储的环境变量中获取应用程序信息. 你可以这样使用它:

// this.config is instance of ConfigStateService

const appInfo = this.config.getApplicationInfo();

该方法不会返回 undefined 或 null,而是会返回一个空对象({}). 换句话说,当你使用上面代码中的 appInfo 属性时,永远不会出现错误.

应用程序信息属性

请参阅 Config.State 类型,你可以通过 getApplicationInfo 获取所有属性. 你可以在config.ts 文件中找到.

如何从Store获取

getApplicationInfo 方法从存储为配置状态存储的环境变量中获取特定的API URL. 你可以这样使用它:

// this.config is instance of ConfigStateService

const apiUrl = this.config.getApiUrl();
// environment.apis.default.url

const searchUrl = this.config.getApiUrl("search");
// environment.apis.search.url

该方法返回给定键的特定的API url. 如果没有Key,则使用 default.

如何从Store获取所有的设置

你可以使用 ConfigStateService 的 getSettings 获取配置状态所有的设置对象. 你可以这样使用它:

// this.config is instance of ConfigStateService

const settings = this.config.getSettings();

实际上该方法可以通过传递关键字来搜索设置.

const localizationSettings = this.config.getSettings("Localization");
/*
{
	'Abp.Localization.DefaultLanguage': 'en'
}
*/

请注意, 设置搜索区分大小写.

如何从Store获取特定的设置

你可以使用 ConfigStateService 的 getSetting 获取配置状态特定的设置. 你可以这样使用它:

// this.config is instance of ConfigStateService

const defaultLang = this.config.getSetting("Abp.Localization.DefaultLanguage");
// 'en'

如何从Store获取特定的权限

你可以使用 ConfigStateService 的 getGrantedPolicy 获取配置状态特定的权限. 你应该将策略key做为参数传递给方法:

// this.config is instance of ConfigStateService

const hasIdentityPermission = this.config.getGrantedPolicy("Abp.Identity");
// true

你还可以使用 组合策略key 来微调你的选择:

// this.config is instance of ConfigStateService

const hasIdentityAndAccountPermission = this.config.getGrantedPolicy(
  "Abp.Identity && Abp.Account"
);
// false

const hasIdentityOrAccountPermission = this.config.getGrantedPolicy(
  "Abp.Identity || Abp.Account"
);
// true

创建权限选择器时,请考虑以下规则:

最多可组合两个键.
&& 操作符查找两个键.
|| 操作符查找任意一个键.
空字符串 '' 做为键将返回 true
使用没有第二个键的操作符将返回 false

如何从Store中获取翻译

ConfigStateService 的 getLocalization 方法用于翻译. 这里有一些示例:

// this.config is instance of ConfigStateService

const identity = this.config.getLocalization("AbpIdentity::Identity");
// 'identity'

const notFound = this.config.getLocalization("AbpIdentity::IDENTITY");
// 'AbpIdentity::IDENTITY'

const defaultValue = this.config.getLocalization({
  key: "AbpIdentity::IDENTITY",
  defaultValue: "IDENTITY"
});
// 'IDENTITY'

请参阅本地化文档了解详情.

分发方法

ConfigStateService 有几种分发方法,让你方便地将预定义操作分发到 Store.

如何从服务器获取应用程序配置

dispatchGetAppConfiguration 触发对端点的请求,该端点使用应用程序状态进行响应,然后将此响应作为配置状态放置到 Store中.

// this.config is instance of ConfigStateService

this.config.dispatchGetAppConfiguration();
// returns a state stream which emits after dispatch action is complete

请注意,你不必在应用程序启动时调用此方法,因为在启动时已经从服务器收到了应用程序配置.

如何修补路由配置

dispatchPatchRouteByName 根据名称查找路由, 并将其在 Store 中的配置替换为作为第二个参数传递的新配置.

// this.config is instance of ConfigStateService

const newRouteConfig: Partial<ABP.Route> = {
  name: "Home",
  path: "home",
  children: [
    {
      name: "Dashboard",
      path: "dashboard"
    }
  ]
};

this.config.dispatchPatchRouteByName("::Menu:Home", newRouteConfig);
// returns a state stream which emits after dispatch action is complete

如何添加新路由配置

dispatchAddRoute 向 Store 的配置状态添加一个新路由. 应该将路由配置做为方法参数传递.

// this.config is instance of ConfigStateService

const newRoute: ABP.Route = {
  name: "My New Page",
  iconClass: "fa fa-dashboard",
  path: "page",
  invisible: false,
  order: 2,
  requiredPolicy: "MyProjectName.MyNewPage"
};

this.config.dispatchAddRoute(newRoute);
// returns a state stream which emits after dispatch action is complete

newRoute 将被放置在根级别,没有任何父路由,并且其url将存储为 '/path'.

如果你想要添加一个子路由,你可以这样做:

import { eIdentityRouteNames } from '@abp/ng.identity';
// this.config is instance of ConfigStateService

const newRoute: ABP.Route = {
  parentName: eIdentityRouteNames.IdentityManagement,
  name: "My New Page",
  iconClass: "fa fa-dashboard",
  path: "page",
  invisible: false,
  order: 2,
  requiredPolicy: "MyProjectName.MyNewPage"
};

this.config.dispatchAddRoute(newRoute);
// returns a state stream which emits after dispatch action is complete

newRoute 做为 'AbpAccount::Login' 父路由的子路由被放置,它的url被设置为 '/account/login/page'.

路由配置属性

请参阅 ABP.Route 类型,获取可在参数中传递给 dispatchSetEnvironment 的所有属性. 你可以在common.ts 文件中找到.

如何设置环境

dispatchSetEnvironment 将传递给它的环境变量放在 Store 中的配置状态下. 使用方法如下:

// this.config is instance of ConfigStateService

this.config.dispatchSetEnvironment({
  /* environment properties here */
});
// returns a state stream which emits after dispatch action is complete

注意,你不必在应用程序启动时调用此方法,因为环境变量已经在启动时存储了.

环境属性

请参阅 Config.Environment 类型,获取可在参数中传递给 dispatchSetEnvironment 的所有属性. 你可以在config.ts 文件中找到.

下一步是什么?

修改菜单