Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

2 way data binding not working

See original GitHub issue

I’m expecting 2 way data binding to work similar to polymer templates but I can’t get it to work. For example using a <paper-toggle-button checked="${toggled}"> only works in one direction (reading, but not writing).

I have also tried <paper-toggle-button checked="[[${toggled}]]"> and <paper-toggle-button checked="[[toggled]]">

Issue Analytics

State:
Created 6 years ago
Reactions:2
Comments:16 (11 by maintainers)

Top GitHub Comments

10reactions

web-padawancommented, May 20, 2018

Welcome to 2018, everyone is writing his own lit-element implementation 😀

6reactions

FluorescentHallucinogencommented, May 16, 2018

@web-padawan Could you please explain what’s wrong with two-way data binding (upward data flow)? Two-way data binding was (is) my favorite feature of Polymer. What are the advantages of unidirectional data flow?

Top Results From Across the Web

angular - @Input: Two way data binding not working

For two-way-binding using the [(xxx)] (banana-in-a-box) syntax, you need an @Input() and an @Output() with matching names like: @Input() myProp:String ...

Two-way binding - Angular

For two-way data binding to work, the @Output() property must use the pattern, inputChange , where input is the name of the @Input()...

Two-way data binding - Android Developers

Using one-way data binding, you can set a value on an attribute and set a ... Two-way data binding provides a shortcut to...

Angular Basics: Data Binding Part 8—Two-Way Data Binding

Data binding can be confusing when you're getting started in Angular. Let's break it down! This post covers two-way data binding.

Two way Data Binding in Angular 8 - Javatpoint

To resolve this problem, Angular provides two-way data binding. The two-way binding has a feature to update data from component to view and...