Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://cloudinary.com/documentation/sdks/js/frontend-frameworks/AngularSDK below:

AngularSDK

1. Home
2. Packages
3. AngularSDK

Description

The Cloudinary Angular SDK contains components like <advanced-image> to easily render your media assets from Cloudinary. The SDK also comes with support for optional JS plugins that make the components smart, with features like lazy loading, placeholder, accessibility & responsiveness.

Examples

Please note that the order of the plugins is important. See Plugin Order for more details.

// In your app.module.ts inject the library.
			import { CloudinaryModule} from '@cloudinary/angular';
			
			imports: [
			  ...,
			  CloudinaryModule,
			],
			
			// In your component.ts use `@cloudinary/url-gen` to generate your transformations.
			// Import the plugins you wish to use
			
			import {CloudinaryImage} from "@cloudinary/url-gen/assets/CloudinaryImage";
			import {
			 AdvancedImage,
			 accessibility,
			 responsive,
			 lazyload,
			 placeholder
			} from '@cloudinary/angular';
			
			ngOnInit() {
			  const myCld = new Cloudinary({ cloudName: 'demo'});
			  this.img = myCld().image('sample');
			
			  this.plugins = [lazyload(), placeholder()]
			}
			
			// In your view add the component with your transformation.
			<advanced-image [cldImg]="this.img" [plugins]="this.plugins"></advanced-image>

Details

new CloudinaryVideoComponent()

new CloudinaryImageComponent()

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4