|
2 | 2 | <img src="_images-angular-routing/angular-logo-1.png" alt="angular logo" title="angular logo" width="200" /> |
3 | 3 | </p> |
4 | 4 |
|
| 5 | +Working with Angular Routing and Navigation |
| 6 | +===================== |
| 7 | + |
| 8 | +Working with existing/cloned/copied Angular App |
| 9 | +--------------------- |
| 10 | +- Clone or Download the project/app from Github or any other sources |
| 11 | +- If using Visual Studio Code / Insiders, open Command panel/terminal from menu: View -> Terminal (shortcut key is `CTRL + BackTick` OR `COMMAND + J`) |
| 12 | +- Go inside the project/app directory, command: `cd _examples-angular6-2-routing OR cd appName` |
| 13 | +- Run command: `npm install` to install project/app dependencies `(node_modules)` |
| 14 | +- To Build and run Angular App, command: `ng serve / npm start` OR `ng serve -o` OR `ng serve --open` |
| 15 | +- To change port from 4200 to other port - type command: `ng serve --port 5000` |
| 16 | +- To check the application in browser type path/url: `localhost:4200 / 5000` |
| 17 | + |
5 | 18 | 1 Angular Routing and Navigation |
6 | 19 | ===================== |
7 | 20 | - The `Angular Router enables navigation from one view (component)` to the another/next as users perform tasks, views (component) |
@@ -937,13 +950,3 @@ export class DepartmentDetailsComponent implements OnInit { |
937 | 950 | <figcaption> Image - Output - Optional Route Parameter Show Selected Department highlighted</figcaption> |
938 | 951 | </figure> |
939 | 952 | </p> |
940 | | - |
941 | | -Working with existing/cloned/copied Angular App |
942 | | ---------------------- |
943 | | -- Clone or Download the project/app from Github or any other sources |
944 | | -- If using Visual Studio Code / Insiders, open Command panel/terminal from menu: View -> Terminal (shortcut key is `CTRL + BackTick` OR `COMMAND + J`) |
945 | | -- Go inside the project/app directory, command: `cd _examples-angular6-2-routing OR cd appName` |
946 | | -- Run command: `npm install` to install project/app dependencies `(node_modules)` |
947 | | -- To Build and run Angular App, command: `ng serve / npm start` OR `ng serve -o` OR `ng serve --open` |
948 | | -- To change port from 4200 to other port - type command: `ng serve --port 5000` |
949 | | -- To check the application in browser type path/url: `localhost:4200 / 5000` |
|
0 commit comments