Angular的ng-true-value

七月
  • 3
新手上路,请多包涵

在Angular还是Angularjs的时候,checkbox支持ng-true-value和ng-false-value
但是在Angular2以后,ng-true-value和ng-false-value是取消了还是换成别的写法了

下面是代码和实际运行结果

testavc: {{testavc}}
<input type='checkbox' [(ngModel)]="testavc" ng-true-value="'Y'" ng-false-value="'N'" >

clipboard.png

可以看出,当选中时并没有如预期的显示'Y',而是显示了boolean型的值

[2019/11/29]
自己补足一下。
查了一下angular的文档
angular2以后,这个属性被取消。

回复
阅读 1.8k
2 个回答
七月
  • 3
新手上路,请多包涵
✓ 已被采纳

加了

<input
    type="checkbox"
    [disabled]="disable"
    [checked]="checked"
    (change)="onCheckboxChange($event)"
 />

在change时自己加了判断

ng-true-value不是指令ngModel的属性,应该是取消了。你可以把ngModel绑定在一个component的getter/setter上,让getter/setter把boolean 转换为你需要的字符串。

你知道吗?

宣传栏