Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度4-从db绑定布尔值以切换开关开/关_Angular_Typescript_Ngmodel - Fatal编程技术网

Angular 角度4-从db绑定布尔值以切换开关开/关

Angular 角度4-从db绑定布尔值以切换开关开/关,angular,typescript,ngmodel,Angular,Typescript,Ngmodel,在应用程序中,我有一个切换开关,它必须绑定到数据库中的数据。数据库中的名称为Status,其值为True/False。现在,我希望在我的表行中使用切换开关按钮,如果从db中检索到的状态为true,它将显示绿色,如果db中的状态为false,它将显示黑色。我试过这个模型,但不起作用。不管怎样,若DB中有true或false,则只有在屏幕上渲染时才会显示为false。对于切换开关,我必须使用自己的组件。下面是我的代码 html 分贝- 导出接口数据[ {对象:1, 状态:true;}, {对象

在应用程序中,我有一个切换开关,它必须绑定到数据库中的数据。数据库中的名称为Status,其值为True/False。现在,我希望在我的表行中使用切换开关按钮,如果从db中检索到的状态为true,它将显示绿色,如果db中的状态为false,它将显示黑色。我试过这个模型,但不起作用。不管怎样,若DB中有true或false,则只有在屏幕上渲染时才会显示为false。对于切换开关,我必须使用自己的组件。下面是我的代码

html



分贝- 导出接口数据[ {对象:1, 状态:true;}, {对象:2, 状态:false;} ]
但是当我写{data.Status}时,它会显示true,false,因为状态值是完美的。将值绑定到交换机时哪里出错了。任何帮助

切换开关文档-

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

主电源

formModel:any={ 切赫:是的 };


你能试试吗

 <p>
    <toggle-switch [(ngModel)]="formModel.switcher" name="switch1">Main power</toggle-switch>
  </p>
  formModel: any = {
    switcher: true
  };
<ng-container *ngFor="let data of displayData$ | async;let i = index">
 <tr class= "row-break">
    <form>
     <p [style.color]="data.Status == true ? 'green' : 'black'">
     <cm-toggle-switch [(ngModel)]="data.Status"  name="switch1"  ></cm-toggle-switch>
    </p>
    </form>
 </tr>
 </ng-container>