Setting Definitions UI #30

5 Answer(s)

• 

  0

  maliming created 4 years ago

  Support Team Fullstack Developer

  hi

  Are you using razor page or angular?

  Save Cancel
• 

  0

  bhyatz created 4 years ago

  Angular

  Save Cancel
• 

  0

  Mehmet created 4 years ago

  You should create your own settings component. It doesn't appear automatically.

  Steps to add a setting tab:

  1. Crete a component. Example:

  import { Select } from '@ngxs/store';
  import { Component } from '@angular/core';
  
  @Component({
    selector: 'app-your-custom-settings',
    template: `
      your-custom-settings works! mySetting: {{ mySetting$ | async }}
    `,
  })
  export class YourCustomSettingsComponent {
    @Select(ConfigState.getSetting('MyProjectName.MySetting1')) // Gets a setting. MyProjectName.MySetting1 is a setting key.
    mySetting$: Observable<string>; // The selected setting is set to the mySetting variable as Observable.
  }
  

  2. Add the YourCustomSettingsComponent to declarations and the entryComponents arrays in the AppModule.
  3. Open the app.component.ts and add the below content to the ngOnInit:

  import { addSettingTab } from '@abp/ng.theme.shared';
  // ...
  
  ngOnInit() {
    addSettingTab({
      component: YourCustomSettingsComponent,
      name: 'Type here the setting tab title (you can type a localization key, e.g: AbpAccount::Login',
      order: 4,
      requiredPolicy: 'type here a policy key'
    });
  }
  

  Open the setting-management page to see the changes:

  

  Save Cancel
• 

  0

  yuhang.ji@yftech-dl.com created 4 years ago

  What about RazorPages? Is there any auto way to let Setting-Management to list my settings?

  Save Cancel
• 

  0

  alper created 4 years ago

  Support Team Director

  For the Razor Pages, you need to create your own setting management page and you can use ISettingProvider to retrieve your settings & values. See https://docs.abp.io/en/abp/latest/Settings

  Save Cancel