First Polymer Project Test

Data Binding

This was the most important stage, it allowed me to understand the basics of the Polymer Project and how the concept would work. This first test was to get used to concept of components by writing my own and connecting it to another file. The aim of this was to create a component that would allow the user to add text into a box and let allow it to become applied in a sentence on the screen, the technical term for this is two way data binding.

 

The Code;

This file is the actual component, it is what is referred to from the index.html.

data-binding.png

This is how I implement the custom element.

data-binding2.png

 

The Result;

As you can see below, the outcome was exactly as expected.Screen Shot 2016-03-12 at 07.35.01Screen Shot 2016-03-12 at 07.35.18