0% found this document useful (0 votes)
51 views7 pages

Angular Lecture6

This document provides an overview of editing a first Angular app. It discusses opening and understanding the project folder structure, the package.json dependencies file, running the app with commands, how changes to the TypeScript code are reflected in the UI, using the app-root component, dynamically changing the app title, and using ngModel to bind form inputs to component properties.

Uploaded by

Shailesh Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
51 views7 pages

Angular Lecture6

This document provides an overview of editing a first Angular app. It discusses opening and understanding the project folder structure, the package.json dependencies file, running the app with commands, how changes to the TypeScript code are reflected in the UI, using the app-root component, dynamically changing the app title, and using ngModel to bind form inputs to component properties.

Uploaded by

Shailesh Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 7

Lecture 6 : editing the first app

Don’t be intimidated by the folder ..just open what you have created

This is your entire project

These are just folder structure .

Lets look package.json file

These are dependencies


Command line

This is the command u have to run daily to start your project

In order to quit exit by

Ctrl+ c

Now as I don’t know the type script so we will have to live on assumption

See the code


The assumption may be that title corresponds to the title mentioned in html code

Now if we change the title and save


Now lets look what change is in ui

So its changing

Now If we further dissect the web page press f12


There is something called “app-root”

The app-root corresponds to typescript code here

It looks like our own html code is created

That is actually in index.html


Lets change the title dynamically

Lets go to the app and change the app

Change title to “name”

And save

See
Now the objective is to as write something in the box it will change the name

We can use the angular tool ..called ngModel

Cant see anything

You might also like