带有镖角的纸张切换双向装订

Question

我正在尝试将模型值绑定到dartangular中的纸张切换聚合物元素。

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

这不起作用。它只是根据share.pin值设置切换按钮，而不是另一种方式。

我尝试添加事件处理程序但没有成功。

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

Answer 1

试试这个

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

Answer 2

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

     

我尝试添加一个事件处理程序，但没有成功。

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

双向绑定（框中的香蕉）语法实际上只是属性绑定和事件绑定的语法糖。 Angular将paperToggleButton绑定到此：

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

有关详细信息，请参阅Angular Developer Guide - Template Syntax (Two-Way Binding)