All language subtitles for 2. Data binding

In the last lecture, we have integrated log in and register a template.

So from a perspective of the age HTML, everything is ready, the forms are ready and we can try to

fill them up with the data.

OK, back to our code.

They will start with the log in to the video because it has a few of our inputs.

Just go and we'll try to get a data from these inputs for us or prepare the data in my script.

OK, so you'll find here a script.

OK and script.

You will export default, right?

So that's a finger in it.

Auto export default object preference in the export default.

We'll provide a data, as you know, later function as a data function.

Nothing new here will return here.

Object represents our form data.

I don't call my form data forum.

Will be my property of the form of the object, and the forum will have it to other properties and it

will be email and the password.

Cellebrite your email will initialize it to the empty string and then will initialize your passport,

password, empty string as well.

Perfect.

OK, so in the data neighborhood of that structure, I had this forum, dot, email, email and this

forum dot password, that's what we have.

Perfect, but we can use on the inputs.

It's directive called the model and the model is to be data binding.

What I mean by the two way data on the other show you go first to input of the email and let's back

here a simplified model, OK model and to be model, provide your data.

So for them, you're done to get out of this.

Remember, we are in a template such as a form dot email and a go to your input here.

And let's right here is a username.

Wait a second, the register.

I want to start with the log in.

All right, so the wrong forum now you say, guys, let's sorry you, they'll be the back.

Go back.

Yeah.

Well, this value v model, just leave it as we had already started the deal.

Of course, you can leave this expert default object copy on the data and remove them from here.

I am in the wrong file.

You go to log in to view and here you are the expert default to just copy your data here and scale up

the input the model.

All right.

In the form dot email.

Great copy.

Go to your other input, which is a password, and here will be Forum Dot password.

OK.

Let's save it, and as I mentioned, two way data banding means whenever I would change my data, for

example, here from my code, I will say here email will be taxed at the Gmail.

Com.

This data will be changed in your input, in your model and the same, but I will change my.

The model, no input is writing here.

I'm changing the data itself here.

OK.

So you might have changes to the Filipino.

The data here from email will be not able to come, but they will access it from the court, but it

will be actual the value of the handwriting here it will be Philip.

So that's why Dubai data binding.

OK.

Very simple, I want to leave it as an empty string and you'll hear about method.

So methods, you are writing in the methods or under the data, let's create your methods in a method

to create log in method.

OK, so methods with rather log in.

And for now, I just would like to alert out our forum data, so simplify their alert since we are working

with that object.

And if we would alert at this forum, let's see what will happen.

It will display object object in your look, so they will gather some data.

I will say I will sign in.

Actually, we need to have a need to call a log in first.

I forgot about it, so it was logging an effort.

Please copy it and find some button.

For example, this button here and value.

Click So at Sign Click Event Handler and you would like to execute logging having a boulevard golf course.

Go back to your quote right here, anything that's better electric you're signing and you can see you

will see her object object, that's what I was talking about because the form is object and you will

alert object to all display object, object to transfer object.

Interesting interpretation.

You will use function adjacent to string if I.

So here in Charlotte, you're right, Jason Dorday string fight and will provide your forum data, and

that's it.

OK, so go back to browser right here.

Any email test at Gmail dot com password 1-2-3 for signing.

And here we have it.

OK.

Just to show you, Jason, stitching you for a very simple function, you can call it from the console

here, you have a globally available Jason, you see.

You know, Jason, you have a function stitching you fi.

And if I have an object, let's say crossed a person object name.

Philip, that will create a person in object representation, but if I will call here, Jason.

Uh, Jason, string you five person.

Oops, there.

So you will see the string.

Okay, that's that's we can we can console look now or we can alert out.

OK.

Very, very simple.

So we have our form with email and password.

We have a logging method to which all this information and let's continue in the next lecture.

Guys see what they're.