|
| 1 | +<!-- NOTE: do not change this file because it's auto re-generated from template: --> |
| 2 | +<!-- https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext/samples/templates/ReadMe.md --> |
| 3 | + |
| 4 | +This folder contains Angular application with example of Selection Matcher feature using [CategoryChart](https://www.infragistics.com/products/ignite-ui-angular/angular/components/general-getting-started.html) component. |
| 5 | + |
| 6 | + |
| 7 | +<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> |
| 8 | + <body> |
| 9 | + <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-angular/angular/components/general-getting-started.html" rel="noopener noreferrer"> |
| 10 | + <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/> |
| 11 | + </a> |
| 12 | + <a target="_blank" href="./src/app/app.component.html" rel="noopener noreferrer"> |
| 13 | + <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/> |
| 14 | + </a> |
| 15 | + <a target="_blank" href="https://infragistics.com/angular-demos-dv/samples/charts/category-chart-selection-matcher" rel="noopener noreferrer"> |
| 16 | + <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/> |
| 17 | + </a> |
| 18 | + <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-angular-examples/tree/master/samples/charts/category-chart/selection-matcher?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/app.component.html" rel="noopener noreferrer"> |
| 19 | + <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/> |
| 20 | + </a> |
| 21 | + </body> |
| 22 | +</html> |
| 23 | + |
| 24 | +## Branches |
| 25 | + |
| 26 | +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. |
| 27 | +
|
| 28 | +## Instructions |
| 29 | + |
| 30 | +Follow these instructions to run this example: |
| 31 | + |
| 32 | + |
| 33 | +- clone and navigate to this sample in terminal window |
| 34 | + |
| 35 | +``` |
| 36 | +git clone https://github.com/IgniteUI/igniteui-angular-examples.git |
| 37 | +git checkout master |
| 38 | +cd ../samples/charts/category-chart/selection-matcher |
| 39 | +``` |
| 40 | +<!-- cd ./igniteui-angular-examples --> |
| 41 | + |
| 42 | +- open above folder in VS Code or type: |
| 43 | +``` |
| 44 | +code . |
| 45 | +``` |
| 46 | + |
| 47 | +- In terminal window, run: |
| 48 | +``` |
| 49 | +npm install --legacy-peer-deps |
| 50 | +npm run-script start |
| 51 | +``` |
| 52 | + |
| 53 | +- open http://localhost:4200/ in your browser |
| 54 | + |
| 55 | + |
| 56 | +## Learn More |
| 57 | + |
| 58 | +To learn more about **Ignite UI for Angular** components, check out the [Angular documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/general-getting-started.html). |
0 commit comments