-
Notifications
You must be signed in to change notification settings - Fork 0
/
HowTo.txt
33 lines (29 loc) · 1.2 KB
/
HowTo.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
How to use ansyn component inside your app.
Notes:
1. custom-ansyn is dispatch a Ready custom-event.
2. you must give to custom-anysn or his wrapper some height.
3. custom-ansyn is put the ansynApi inside the global window object you can use ansynApi.someAnsynApiFunction anywhere in the app.
React App:
1. copy the folder content inside your public folder.
2. add <script src="%PUBLIC_URL%/custom-ansyn.min.js"></script>in your index.html
3. you can use <custom-ansyn> anywhere in your app.
Angular App:
1. copy the folder content into new folder inside your root project folder.
2. add schemas: [CUSTOM_ELEMENT_SCHEMA] in your app.module.ts.
3. inside angular.json add to your project assets array:
{
"input": "<name_of_folder_from_step1>/assets",
"output": "/assets"
},
{
"input": "<name_of_folder_from_step1>/res",
"output": "/res"
}
4. inside angular.json add to your project scripts array:
"<name_of_folder_from_step1>/custom-ansyn.min.js"
5. you can use <custom-ansyn> anywhere in your app.
Html
1. copy the folder content to your root project.
2. in index.html add a <script> src="custom-ansyn.min.js"</script>
3. you can use <custom-ansyn> anywhere in your app.
Good Luck.