You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+3-2Lines changed: 3 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -33,7 +33,7 @@ npm run start
33
33
34
34
## Under the Hood
35
35
36
-
This project is a default Angular CLI application, where yFiles was added as additional dependency to integrate a basic graph component.
36
+
This project is a default Angular CLI application, where yFiles was added as an additional dependency to integrate a basic graph component.
37
37
38
38
A step-by-step description of how to integrate yFiles in an Angular application can be found [here](integration-howto.md).
39
39
@@ -49,4 +49,5 @@ Furthermore, there is an extensive [Developer's Guide](https://docs.yworks.com/y
49
49
50
50
## Support
51
51
52
-
If you need help with your setup or a certain feature, don't hesitate to contact our support through the [Evaluation Center](https://my.yworks.com/) or by email [email protected].
52
+
If you need help with your setup or a certain feature, don't hesitate to contact our support
Copy file name to clipboardExpand all lines: integration-howto.md
+7-4Lines changed: 7 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -19,7 +19,9 @@ Adding yFiles as a dependency is as easy as installing an external library from
19
19
20
20
1. Add yFiles for HTML as npm dependency to the created project:
21
21
22
-
- If you have a fresh yFiles for HTML package, you need to `npm pack` the library first by running `npm pack` in `<yfiles-package>/lib/es-module/`. This creates a tar-ball that can be installed as npm dependency in other projects. See also [Working with the yFiles npm Module](https://docs.yworks.com/yfileshtml/#/dguide/yfiles_npm_module#yfiles_npm_module).
22
+
- If you have a fresh yFiles for HTML package, you need to `npm pack` the library first by running `npm pack`
23
+
in `<yfiles-package>/lib/es-modules/`. This creates a tarball that can be installed as npm dependency in
24
+
other projects. See also [Working with the yFiles npm Module](https://docs.yworks.com/yfileshtml/#/dguide/yfiles_npm_module#yfiles_npm_module).
23
25
24
26
Note: This sample project runs `npm pack` as `preinstall` script in the `package.json`.
25
27
@@ -32,7 +34,7 @@ Adding yFiles as a dependency is as easy as installing an external library from
32
34
```
33
35
34
36
2. Now install the newly added dependency with `npm install`.
35
-
3. Include `yfiles.css`, which is an integral part of yFiles for HTML. For example add `@import '~yfiles/yfiles.css';'` global style in `styles.css`.
37
+
3. Include `yfiles.css`, which is an integral part of yFiles for HTML. For example add `@import '~yfiles/yfiles.css';'` to the global styles in `styles.css`.
36
38
37
39
After installing the dependency, you can import classes from `yfiles` in your project. Since yFiles is installed as proper npm dependency, IDEs provide full code-completion and automatic imports out of the box to easily work with the library.
38
40
@@ -42,9 +44,10 @@ With the yFiles dependency, you can easily create a new Angular component that c
42
44
43
45
1. Run `ng generate component graph-component` to scaffold a new Angular component.
44
46
2. Then add a container `div` in the `graph-component.component.html` that hosts the yFiles GraphComponent and specify a size in `graph-component.component.css` for it.
45
-
3. In `graph-component.component.ts`, instantiate a new GraphComponent in the container `div` with editing capabilities and a basic sample graph. See the content of `/src/app/graph-component/graph-component.component.ts` in this repository for the full implementation.
47
+
3. In `graph-component.component.ts`, instantiate a new GraphComponent in the container `div` with editing capabilities
48
+
and a basic sample graph. See the contents of `/src/app/graph-component/graph-component.component.ts` in this repository for the full implementation.
46
49
47
-
Also, make sure to configure your `license.json` at the library (see `graph-component.component.ts`).
50
+
Also, make sure to configure your `license.json` for the library (see `graph-component.component.ts`).
48
51
49
52
4. Add the new component to the `/src/app/app.component.html` that was created by the Angular CLI.
0 commit comments