***
title: "BaseDetailComponent"
generated: true
---------------
A base class for entity detail views. It should be used in conjunction with the
[BaseEntityResolver](/current/core/reference/admin-ui-api/list-detail-views/base-entity-resolver#baseentityresolver).
*Example*
```ts
@Component({
selector: 'app-my-entity',
templateUrl: './my-entity.component.html',
styleUrls: ['./my-entity.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class GlobalSettingsComponent extends BaseDetailComponent implements OnInit {
detailForm: FormGroup;
constructor(
router: Router,
route: ActivatedRoute,
serverConfigService: ServerConfigService,
protected dataService: DataService,
private formBuilder: FormBuilder,
) {
super(route, router, serverConfigService, dataService);
this.detailForm = this.formBuilder.group({
name: [''],
});
}
protected setFormValues(entity: MyEntityFragment, languageCode: LanguageCode): void {
this.detailForm.patchValue({
name: entity.name,
});
}
}
```
```ts title="Signature"
class BaseDetailComponent implements DeactivateAware {
entity$: Observable;
availableLanguages$: Observable;
languageCode$: Observable;
languageCode: LanguageCode;
isNew$: Observable;
id: string;
abstract detailForm: UntypedFormGroup;
protected destroy$ = new Subject();
constructor(route: ActivatedRoute, router: Router, serverConfigService: ServerConfigService, dataService: DataService, permissionsService: PermissionsService)
init() => ;
setUpStreams() => ;
destroy() => ;
setLanguage(code: LanguageCode) => ;
canDeactivate() => boolean;
setFormValues(entity: Entity, languageCode: LanguageCode) => void;
setCustomFieldFormValues(customFields: CustomFieldConfig[], formGroup: AbstractControl | null, entity: T, currentTranslation?: TranslationOf) => ;
getCustomFieldConfig(key: Exclude) => CustomFieldConfig[];
setQueryParam(key: string, value: any) => ;
}
```
* Implements: DeactivateAware
### entity$
\
`} />
### availableLanguages$
\LanguageCode[]>`} />
### languageCode$
\LanguageCode>`} />
### languageCode
\LanguageCode`} />
### isNew$
\`} />
### id
\
### detailForm
\
### destroy$
\
### init
\ `} />
### setUpStreams
\ `} />
### destroy
\ `} />
### setLanguage
\LanguageCode) => `} />
### canDeactivate
\ boolean`} />
### setFormValues
\LanguageCode) => void`} />
### setCustomFieldFormValues
\CustomFieldConfig[], formGroup: AbstractControl | null, entity: T, currentTranslation?: TranslationOf) => `} />
### getCustomFieldConfig
\CustomFields, '__typename'>) => CustomFieldConfig[]`} />
### setQueryParam
\ `} />