angular-10-notes/Angular_notes_ep_38.txt at main · arctutorials/angular-10-notes · GitHub

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
Episode #38 - Routing Strategy

1. Routing behaviour of the applications URLs

2. Angular provies 2 routing strategies

    - PathLocationStrategy
        - Default routing strategy for Angular apps
        - HTML 5 push state URL
        - Examples
            - http://myapp.com/dashboard
            - http://myapp.com/user/10
            - http://myapp.com/user/10/photos
            - http://myapp.com/search?query=abc&state=ka&city=bengaluru

    - HashLocationStrategy
        - URL segments/patterns
        - URLs will have hash in the URLs
        - Examples
            - Examples
            - http://myapp.com/#/dashboard
            - http://myapp.com/#/user/10
            - http://myapp.com/#/user/10/photos
            - http://myapp.com/#/search?query=abc&state=ka&city=bengaluru

3. Hands-on examples for PathLocationStrategy
    - Default behaviour of Angular apps

4. Hands-on examples for HashLocationStrategy
    - We need to import HashLocationStrategy from @angular/core
    - Add it to Providers array
    - Angular will start loading our URLs using #

5. Why do we need 2 different types of routing?

    Angular is a SPA( single page app)
        - index.html

    Cloud vendors
        AWS
        GCP
        Azure
        Hosting Provider ( Bluehost, Siteground, DigitalOcean)

    - /#/loans/add -> Route
    index.html/#/loans/add

6. Which one you should use when?

    Really there is no difference affect your application

    PathLocationStrategy
        -> Clean URLs
        -> Simple
        -> Bookmarbale
        -> Easy to Remember