在 bootstrap switch 标签中使用插​​值

Question

我将 Angular Bootstrap Switch 实施到 Angular 5 应用程序

所以我在 mat table 中使用那个开关，例如：

<mat-cell *matCellDef="let user">
              <switch [status]="status" [onText]="yes" [offText]="no" [onColor]="green" [offColor]="gray" [size]="normal" [disabled]="disabled"></switch>
            </mat-cell>

我的问题是如何将插值添加到开关 [status] 中？我试试

 <switch [status]="{{user.activo}}" [onText]="yes" [offText]="no" [onColor]="green" [offColor]="gray" [size]="normal" [disabled]="disabled"></switch>

但是它returns错误。我怎样才能做到这一点？

Answer 1

随心所欲

[status]="user.activo"

你最好仔细阅读官方文档https://angular.io/guide/template-syntax；你只使用插值 ({{...}}) 来 print 东西。如果要将值设置为 属性，则应使用 [propertyName]，然后仅使用 javascript 块代码（称为 template expression）。

请注意，您也可以这样做（使用一些逻辑）：

//component
someValueFromComponent = 1;
//template
<input [value]='someValueFromComponent + 1' /> //will render an input with value = 2