Master Web Design in Photoshop

Then, in the body tag, I’m going to create a big, bold H1 tag. I’m going to just bind this to a property called “hello.” Then I’m going to create an input field, and I’m going to set this to “ng-model = “hello”.”

The idea is when I change “hello” in the input field, it will change the value in the H1 tag. I’m doing this to show that the AngularJS application is indeed initializing and spinning up.

Let’s jump into the page. Let’s refresh this. There’s nothing in the input field now, so we are not seeing the H1 tag. As I start to type, you can see that it is updating in real-time. This is how you know the AngularJS application is indeed working.

Just to summarize, we have added in the AngularJS file, to our page, using the script tag. Then we instantiated the AngularJS application using ng-app.

Then we bound to a simple value using ng-model and the {{ binding syntax. You can see this living in the page. This is how you get AngularJS into your application.

This is the very first step when using AngularJS. Check out the other egghead videos to learn more advanced topics on AngularJS. Catch you next time.

Course Curriculum

Instructors

Admin bar avatar
Kita

Developer

We have been serving students since 1999. Successfully self-employed, she is a trusted consultant for businesses large and small. She is a publisher, and author of several highly-rated eBooks. We have been certified many times over as a Database Administrator, IT Professional, Developer, Network Administrator, and even Certified Ethical Hacker. Even with a technical background, she is a down to earth half-marathoner, who enjoys her family, good food, and sports.
Are you ready to start? You can get started today! No previous experience is necessary. In 2017, video training is the quickest way to learn, and with Tim's experience and training, it is possible for you to become a software developer! You can do this! Why not start today? Click one of his courses below, and watch his introductory video, to find out more about who he is and what he can offer you.

Reviews

0
0 rating
5 stars
0
4 stars
0
3 stars
0
2 stars
0
1 star
0