[**@rxap/directives v19.0.4**](../README.md)

***

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

# Class: AvatarBackgroundImageDirective

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

## Extends

- [`BackgroundImageDirective`](BackgroundImageDirective.md)

## Constructors

### new AvatarBackgroundImageDirective()

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

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

#### Parameters

##### host

`ElementRef`

##### renderer

`Renderer2`

##### imageLoader

`ImageLoaderService`

##### avatarImage

`AvatarImageService`

#### Returns

[`AvatarBackgroundImageDirective`](AvatarBackgroundImageDirective.md)

#### Overrides

[`BackgroundImageDirective`](BackgroundImageDirective.md).[`constructor`](BackgroundImageDirective.md#constructors)

## Properties

### imageUrl

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

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

#### Overrides

[`BackgroundImageDirective`](BackgroundImageDirective.md).[`imageUrl`](BackgroundImageDirective.md#imageurl)

***

### placeholderImageUrl

> **placeholderImageUrl**: `string`

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

#### Inherited from

[`BackgroundImageDirective`](BackgroundImageDirective.md).[`placeholderImageUrl`](BackgroundImageDirective.md#placeholderimageurl)

***

### position?

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

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

#### Inherited from

[`BackgroundImageDirective`](BackgroundImageDirective.md).[`position`](BackgroundImageDirective.md#position)

***

### repeat

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

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

#### Overrides

[`BackgroundImageDirective`](BackgroundImageDirective.md).[`repeat`](BackgroundImageDirective.md#repeat)

***

### size

> **size**: [`BackgroundSizeOptions`](../enumerations/BackgroundSizeOptions.md) = `BackgroundSizeOptions.COVER`

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

#### Overrides

[`BackgroundImageDirective`](BackgroundImageDirective.md).[`size`](BackgroundImageDirective.md#size)

## Accessors

### name

#### Set Signature

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

Defined in: [avatar-background-image.directive.ts:42](https://gitlab.com/rxap/packages/-/blob/3eebed1be2bbb37bc0d65959f8fecbb850c0b8aa/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/3eebed1be2bbb37bc0d65959f8fecbb850c0b8aa/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`](BackgroundImageDirective.md).[`ngOnChanges`](BackgroundImageDirective.md#ngonchanges)

***

### ngOnInit()

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

Defined in: [background-image.directive.ts:84](https://gitlab.com/rxap/packages/-/blob/3eebed1be2bbb37bc0d65959f8fecbb850c0b8aa/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`](BackgroundImageDirective.md).[`ngOnInit`](BackgroundImageDirective.md#ngoninit)