|
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