Two way binding with paper-toggle with dart angular

Question

I am trying to bind a model value to paper-toggle polymer element in dartangular.

 <paper-toggle-button [(checked)]="share.pin"></paper-toggle-button>

This is not working. It is only setting the toggle-button based on share.pin value but not the other way.

I tried adding a event handler but not successful .

 <paper-toggle-button [checked]="share.pin" (change)="share.pin=$event"></paper-toggle-button>

Answer 1

Try this

checked="{{share.pin::change}}

Answer 2

<paper-toggle-button [(checked)]="share.pin">
</paper-toggle-button>

I tried adding a event handler but not successful .

<paper-toggle-button [checked]="share.pin" (change)="share.pin=$event">
</paper-toggle-button>

The two-way binding (banana in a box) syntax is really just syntactic sugar for a property binding and an event binding. Angular desugars the paperToggleButton binding into this:

<paper-toggle-button [checked]="share.pin" (checkedChange)="share.pin=$event">
</paper-toggle-button>

For more information, see Angular Developer Guide - Template Syntax (Two-Way Binding)