在bootstrap开关标签中使用插​​值

Question

我将Angular Bootstrap Switch实施到Angular 5 Application

中

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

<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>

但它会返回错误。我怎样才能做到这一点？

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