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 转换为你需要的字符串。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏