Angular - 2.19-Combination of all forms of data binding

With the four data link forms covered now, let’s finish our small demo application for now. We have the serverName and it is updated live as we type through the bidirectional data link in place here. So I’m going to comment on this serverName here. Instead, I want to display the serverName once we’ve clicked on this server button. So, once we’ve created the server, we shouldn’t just say "The server was created!" , but also "The name is" and then just add the serverName, like this.

So now, with that in place, we use the data, we change it through a two-way data link, or if we chose to do it through a one-way data link, if we use the other approach, which is currently commented on. And with this in place, now you can see that if I change the serverName like this and click on "Add Server", we see that the server has been created, the name is "Testserver 2". With this we use the four forms of data link together, with an event link to listen to the interpolation of the click string to display the data here, a property link to activate this button first after two seconds and two web links to recover our input data.

So with this, we’re pretty advanced in the Angular bases. We use components, we know how they work in general. We know how to communicate them with our models from our TypeScript code and the other way around. Now there is still a basic feature that we need to cover to really be able to build the first small applications before we can dive deeper into the individual building blocks. So we will soon be looking at this new feature