angular-training-slides icon indicating copy to clipboard operation
angular-training-slides copied to clipboard

Create diagram showing data flow of inputs, outputs, and two-way databinding

Open rpdasilva opened this issue 7 years ago • 10 comments

rpdasilva avatar Mar 23 '17 17:03 rpdasilva

@gvwilson See PDF attach of rough diagram explaning inputs, outputs, and finally two-way binding

Inputs, Outputs, Two-way Binding PDF

rpdasilva avatar Mar 24 '17 20:03 rpdasilva

Related to #492

sonukapoor avatar May 04 '17 15:05 sonukapoor

@Input:

input component

sonukapoor avatar May 04 '17 16:05 sonukapoor

@Output

output decorator

sonukapoor avatar May 04 '17 16:05 sonukapoor

Two way databinding:

two way data binding

sonukapoor avatar May 04 '17 16:05 sonukapoor

@rpdasilva Take a look at the above screenshots and let me know if this is something you are looking for.

sonukapoor avatar May 04 '17 16:05 sonukapoor

I think the first two look great The two-way data binding diagram however isn't actually two-way data binding 😄 It's just an input and an output

rpdasilva avatar May 04 '17 17:05 rpdasilva

Yes, we will have @amitafr do the two-way binding image.

sonukapoor avatar May 04 '17 19:05 sonukapoor

Had a meeting with @amitafr and sent her the necessary images / code to create a new image for us.

sonukapoor avatar May 05 '17 15:05 sonukapoor

New (arrow-less) images from @amitafr:

Input:

image

Output:

image

Two way data binding:

image

Any changes you would like to make?

@rpdasilva @gvwilson @mdegani @jamesbs

sonukapoor avatar May 11 '17 19:05 sonukapoor