angular - 两种方式装订与纸切换与飞镖角

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

<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 开发人员指南 - 模板语法（双向绑定）

Answer 2

尝试这个

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