Angular 4 - 将db中的布尔值绑定到切换开关的开/关

时间:2018-03-19 15:04:37

标签: angular typescript ngmodel

在应用程序中,我有一个切换开关,它必须绑定到db中的数据。 db中的名称是Status,其值为True / False。现在我希望在我的表行中使用切换开关按钮,如果从db检索到的状态为true,它应该显示为绿色,如果db中的status为false,则显示为黑色。我尝试过ngModel,但它没有用。无论如何,如果我在DB中有真或假,它只在我在屏幕上渲染时显示为false。对于切换开关,我必须使用我自己的组件。下面是我的代码。

HTML

<ng-container *ngFor="let data of displayData$ | async;let i = index">
 <tr class= "row-break">
    <form>
     <p>
     <cm-toggle-switch [(ngModel)]="data.Status"  name="switch1"  ></cm-toggle-switch>
    </p>
    </form>
 </tr>
 </ng-container>

DB-
export interface data[
{object:1,
Status:true;},
{object:2,
Status:false;}
]

但是当我写{{data.Status}}时,它显示我是真的,因为状态值的完美是假的。我错在哪里将值绑定到我的开关。任何帮助。

切换开关文档 -

 <p>
    <toggle-switch [(ngModel)]="formModel.switcher" name="switch1">Main power</toggle-switch>
  </p>
  formModel: any = {
    switcher: true
  };

1 个答案:

答案 0 :(得分:1)

sudo chown -R it_s_me /home/it_s_me/R/x86_64-pc-linux-gnu-library/3.4/curl/

可以尝试一下吗?