angular-10-notes/Angular_notes_ep_13.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
57
58

Episode #13 - Angular Components

1. Components are the most important and basic building blocks of Angular apps

2. Authentication Module
    - new-user
    - login
    - forgot-password
    - reset-password

3. Component is a smallest functionality that you will implement in your application

4. When we group multiple Components it becomes a module

5. We can have paren-child relationship of components

6. We can have components inside components

7. Tree-herirachy of components

    Dashboard
        display-contact-list
            contact-grid
                contact-import
                contact-export
            contact-options

8. lets create some custom components
    ng g component add-contact
    ng g component edit-contact
    ng g component list-contacts
    ng g component delete-contact

9. Every component has 4 files auto-generated with it
    - component.html -> view or html or template file -> UI
    - component.ts -> it will be a class file which will have methods -> Logic
    - component.spec.ts -> It will have the unit test script for component
    - component.scss -> stylesheet of the component

    HOMEWORK
        -> verify all the components generated and go through the code

10. Component decorator inside the component.ts file

    selector -> unique identifier for the component
        -> id of the component
        -> using this selector we will use the component
    templateUrl -> your HTML code
        - component.html file
    styleURLS -> for linking your component stylesheet
        - component.scss