[@rxap/directives](../wiki/globals) / AvatarBackgroundImageDirective

# Class: AvatarBackgroundImageDirective

Defined in: [avatar-background-image.directive.ts:22](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/directives/src/lib/avatar-background-image.directive.ts#L22)

## Extends

- [`BackgroundImageDirective`](../wiki/Class.BackgroundImageDirective)

## Constructors

### new AvatarBackgroundImageDirective()

> **new AvatarBackgroundImageDirective**(`host`, `renderer`, `imageLoader`, `avatarImage`): [`AvatarBackgroundImageDirective`](../wiki/Class.AvatarBackgroundImageDirective)

Defined in: [avatar-background-image.directive.ts:28](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/directives/src/lib/avatar-background-image.directive.ts#L28)

#### Parameters

##### host

`ElementRef`

##### renderer

`Renderer2`

##### imageLoader

`ImageLoaderService`

##### avatarImage

`AvatarImageService`

#### Returns

[`AvatarBackgroundImageDirective`](../wiki/Class.AvatarBackgroundImageDirective)

#### Overrides

[`BackgroundImageDirective`](../wiki/Class.BackgroundImageDirective).[`constructor`](../wiki/Class.BackgroundImageDirective#constructors)

## Properties

### imageUrl

> **imageUrl**: `undefined` \| `null` \| `string` = `null`

Defined in: [avatar-background-image.directive.ts:24](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/directives/src/lib/avatar-background-image.directive.ts#L24)

#### Overrides

[`BackgroundImageDirective`](../wiki/Class.BackgroundImageDirective).[`imageUrl`](../wiki/Class.BackgroundImageDirective#imageurl)

***

### placeholderImageUrl

> **placeholderImageUrl**: `string`

Defined in: [background-image.directive.ts:61](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/directives/src/lib/background-image.directive.ts#L61)

#### Inherited from

[`BackgroundImageDirective`](../wiki/Class.BackgroundImageDirective).[`placeholderImageUrl`](../wiki/Class.BackgroundImageDirective#placeholderimageurl)

***

### position?

> `optional` **position**: `string`

Defined in: [background-image.directive.ts:70](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/directives/src/lib/background-image.directive.ts#L70)

#### Inherited from

[`BackgroundImageDirective`](../wiki/Class.BackgroundImageDirective).[`position`](../wiki/Class.BackgroundImageDirective#position)

***

### repeat

> **repeat**: [`NO_REPEAT`](../wiki/Enumeration.BackgroundRepeatOptions#no_repeat) = `BackgroundRepeatOptions.NO_REPEAT`

Defined in: [avatar-background-image.directive.ts:26](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/directives/src/lib/avatar-background-image.directive.ts#L26)

#### Overrides

[`BackgroundImageDirective`](../wiki/Class.BackgroundImageDirective).[`repeat`](../wiki/Class.BackgroundImageDirective#repeat)

***

### size

> **size**: [`BackgroundSizeOptions`](../wiki/Enumeration.BackgroundSizeOptions) = `BackgroundSizeOptions.COVER`

Defined in: [avatar-background-image.directive.ts:25](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/directives/src/lib/avatar-background-image.directive.ts#L25)

#### Overrides

[`BackgroundImageDirective`](../wiki/Class.BackgroundImageDirective).[`size`](../wiki/Class.BackgroundImageDirective#size)

## Accessors

### name

#### Set Signature

> **set** **name**(`name`): `void`

Defined in: [avatar-background-image.directive.ts:42](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/directives/src/lib/avatar-background-image.directive.ts#L42)

##### Parameters

###### name

`string`

##### Returns

`void`

## Methods

### ngOnChanges()

> **ngOnChanges**(`changes`): `void`

Defined in: [background-image.directive.ts:96](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/directives/src/lib/background-image.directive.ts#L96)

A callback method that is invoked immediately after the
default change detector has checked data-bound properties
if at least one has changed, and before the view and content
children are checked.

#### Parameters

##### changes

`SimpleChanges`

The changed properties.

#### Returns

`void`

#### Inherited from

[`BackgroundImageDirective`](../wiki/Class.BackgroundImageDirective).[`ngOnChanges`](../wiki/Class.BackgroundImageDirective#ngonchanges)

***

### ngOnInit()

> **ngOnInit**(): `void`

Defined in: [background-image.directive.ts:84](https://gitlab.com/rxap/packages/-/blob/36b0e9732b24717840935712e316593ff6aba795/packages/angular/directives/src/lib/background-image.directive.ts#L84)

A callback method that is invoked immediately after the
default change detector has checked the directive's
data-bound properties for the first time,
and before any of the view or content children have been checked.
It is invoked only once when the directive is instantiated.

#### Returns

`void`

#### Inherited from

[`BackgroundImageDirective`](../wiki/Class.BackgroundImageDirective).[`ngOnInit`](../wiki/Class.BackgroundImageDirective#ngoninit)