Creating the Note Details Page - [3] Build a Notes App w/ Angular

In this tutorial we create the Note Details page which is used to view and edit the note fields (the note title and body). Angular forms will be used to achieve this.
This is the third part of this series where we are building a Notes Application from scratch using the #Angular framework.
This series covers how to build a fully-functional Angular application with full CRUD capabilities and a clean UI (user interface) and animated elements.

[shrutikmallick]

@Devstackr thankyou sooo soo much..
Searched the whole Youtube but none was helpful and with your tutorial I successfully made my first Angular CRUD app!!

[seamusforever]

I don't know if this is solved in further episodes, but after adding the routing to the app-note-card component you can't select the text from the card anymore. Excellent tutorial, btw.

[roashans]

For only css (no scss) form validation:

.control > .ng-invalid{
border-color: red;
}


    box-shadow: 0px 0px 0px 2px rgba(255, 0, 0,  0.1); 
}

.control > .ng-untouched{
border: #b5b5b5 1px solid;
}

[sushmiiyer]

Hi, can I get the code for this video tutorial. It gets difficult to follow video and type.

[jamelas]

Hi, whenever i submit a new note nothing shows up...not the title or body. Any help?

[alangeorge]

at 15:20 why do we need to use ngmodel for sending the formdata? We aren't using the variables in the method or in the ts file

[tt]

Hi great tutorial but I am having one issue i.e. [routerLink]="i". When I put the square brackets around routerLink this error appears:

Error: - error TS2322: Type 'number' is not assignable to type 'string | any[]'.



17 [routerLink]="i"

I understand the error message but dont understand where I have went wrong? Can anyone....👀....where I have gone wrong 😁

[shubhamarora]

Gr8 explanation sir thanks very helpful tutorial 👍👍keep the good work upload more project like this

[muhammadtalhashaikh]

Hi, First of All, thank you for the detailed tutorial, it is very help full for me to understand some advanced concepts.
as I am facing issue @52:03, the title is updated once I edit the posted comment but the body text is not updated.
can you advise me where should I check to sort out this issue?

[Dhan_Profile]

49:20 getting error as Type 'number' is not assignable to type 'string | any[] | null | undefined' when declaring [routerLink] = "i"

[preethib]

Great explanation. Tq so much for your video.

[sriramyavyasabhattu]

hello i m not getting object in ngsubmit i m not getting valuye but when i m doing console.log(form.value.title) i m getting what might be the error

[margheritatesti]

For me it doesnt work when I try to save a new note, then in the home page it s still empty

[yedidisaikrishna]

how the path id in chanced to 123 to /new can any one explain after clicking the add button page is routing to new but path was set to id ?

[ChristianHancke]

thank you, your videos helps me so much. love it! :-)

[chtiouiriadhsalem]

I tried to edit the text and the body but it looks empty nothing have been saved

[dianasatapathy]

Whenever I'm trying to edit the already saved note as told at 51.52 it's giving me blank places again. Anyone who could help?

[A-M-F-A]

Cannot import Params. Also, "subscribe" is now deprecated

[shreyakarade]

[webpack-dev-server] Server started: Hot Module Replacement disabled, Live Reloading enabled, Progress disabled, Overlay enabled.
core.mjs:26633 Angular is running in development mode. how to solve this error in inspect

[yedidisaikrishna]

if i am using index i value in *ngFor in [routerLink]=i i am getting error number cant b assigned to string can any one now the solution