File tree Expand file tree Collapse file tree 1 file changed +0
-57
lines changed Expand file tree Collapse file tree 1 file changed +0
-57
lines changed Original file line number Diff line number Diff line change 1- #Angular-library
2-
3- ##Overview
4- This is our angular library. The objective of this layer is to use our html
5- library to render an image or video.
6-
7- ##Install
8- 1 . clone repo
9- 2 . npm install
10- 3 . npm run build
11-
12- ##Usage
13-
14- In your app.module.ts inject the library
15-
16- ``` javascript
17- import { CloudinaryModule } from ' @cloudinary/ng' ;
18-
19- @NgModule ({
20- declarations: [
21- AppComponent
22- ],
23- imports: [
24- BrowserModule,
25- CloudinaryModule,
26- ],
27- providers: [],
28- bootstrap: [AppComponent]
29- })
30-
31- ```
32-
33- In your component.ts use ` @cloudinary/url-gen ` to generate your transformations
34-
35- ``` javascript
36- import {CloudinaryImage } from ' @cloudinary/url-gen/assets/CloudinaryImage' ;
37-
38- ...
39- ngOnInit () {
40- const myCld = new Cloudinary ({ cloudName: ' demo' });
41- this .img = myCld ().image (' sample' );
42- }
43- ...
44-
45-
46- ```
47-
48- In your view add the component with your transformation
49- ``` html
50- <advanced-image [cldImg] =" this.img" ></advanced-image >
51- ```
52-
53- ### Supported Angular Version
54- - Angular 11
55- - Angular 10
56-
57-
581Cloudinary Angular SDK
592=========================
603## About
You can’t perform that action at this time.
0 commit comments