Question

<input pInputText type="checkbox" [(ngModel)]="rowData.active"> active是一个字符串。它的值为“ true”或“ false”。我想将此字符串值绑定到一个复选框。那我该怎么办呢？

Answer 1

不使用“香蕉语法”

<input type="checkbox" 
  [ngModel]="rowData.active=='true'?true:false"
  (ngModelChange)="rowData.active=$event?'true':'false'"
>

Answer 2

您将需要在HTMLElement中添加binary="true"属性。

据我了解，您正在使用primeng的复选框。所以代码应该像这样-

<p-checkbox [(ngModel)]="rowData.active" binary="true"></p-checkbox>

有关更多详细信息，请在此处阅读整个文档-

https://www.primefaces.org/primeng/#/checkbox

Answer 3

如果您使用<input type="checkbox">，则可以使用以下语法进行绑定：

<input
    type="checkbox"
   [checked]="(rowData.active === 'true') ? true : false"
   (change)="rowData.active = $event.target.checked"
/>

<p> rowData.active {{ rowData.active }}</p>

TypeScript：

rowData = {active: 'true'};

Answer 4

在html

<input type='checkbox' [(ngModel)]='rowData.active'>

以ts

 rowData={'active' : true}

工作StackBligz

如果您使用primeng，请参考PrimeNg

如何将复选框绑定到Angular7中的字符串值？

4 个答案: