1. Home
  2. AngularSDK~CloudinaryImageComponent

new CloudinaryImageComponent()

Description

The Cloudinary image component.

Properties
Name Type Description
transformation CloudinaryImage

Generated by @cloudinary/url-gen
plugins Plugins

Advanced image component plugins accessibility(), responsive(), lazyload(), placeholder()
imageAttributes

Optional attributes include alt, width, height, loading
Details
Component

angular/projects/cloudinary-library/src/lib/cloudinary-image.component.ts, line 60

Methods

ngOnInit()

Description

On init creates a new HTMLLayer instance and initializes with ref to img element, user generated cloudinaryImage and the plugins to be used.

Details

angular/projects/cloudinary-library/src/lib/cloudinary-image.component.ts, line 67

ngOnChanges()

Description

On update, we cancel running plugins and update the image instance with the state of user cloudinaryImage and the state of plugins.

Details

angular/projects/cloudinary-library/src/lib/cloudinary-image.component.ts, line 75

ngOnDestroy()

Description

On destroy, we cancel the currently running plugins.

Details

angular/projects/cloudinary-library/src/lib/cloudinary-image.component.ts, line 84

addAttributes()

Description

Add attributes to img element.

Details

angular/projects/cloudinary-library/src/lib/cloudinary-image.component.ts, line 91