1. Home
  2. AngularSDK.CloudinaryImageComponent

new CloudinaryImageComponent()

Description

The Cloudinary image component

Properties
Name Type Description
transformation CloudinaryImage

Generated by @cloudinary/base
plugins plugins

Advanced image component plugins accessibility(), responsive(), lazyload(), placeholder()
Details
Component

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

Methods

ngOnInit()

Description

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

Details

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

ngOnChanges()

Description

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

Details

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

ngOnDestroy()

Description

On destroy we cancel the currently running plugins

Details

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