Angular的ng-true-value

发布于 2022-09-11 18:25:16 字数 479 浏览 25 评论 0

在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以后,这个属性被取消。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

堇色安年 2022-09-18 18:25:16

加了

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

在change时自己加了判断

冬天旳寂寞 2022-09-18 18:25:16

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文