Checkbox选中变化时回调函数

遇到一个关于Checkbox的bug，记录一下
用的是Ant Design of Angular的表单、对话框
对话框中添加表单，表单下方有个Checkbox，形如下图，当点击Checkbox时，我需要一个反馈，我使用了ngModelChange，来监听事件，但没有反应

我当时的代码（有错的）：

<nz-form-item><nz-form-control [nzSpan]="8" [nzOffset]="4"><label nz-checkbox name="send"  (ngModelChange)="isSMSSend($event)">是否同意</label></nz-form-control>
</nz-form-item>isSMSSend(is: boolean): void {console.log(is);if (!is) {console.log('不');} else {console.log('是的');}}

后来排错，找到了原因，要使用[(ngModel)]才行
正确的代码：

<nz-form-item><nz-form-control [nzSpan]="8" [nzOffset]="4"><label nz-checkbox name="send" [(ngModel)]="flag" (ngModelChange)="isSMSSend($event)">是否同意</label></nz-form-control>
</nz-form-item>// 初始值  是否选中public flag: any = 'false';isSMSSend(is: boolean): void {console.log(is);if (!is) {this.formList.isSMSSend = false;} else {this.formList.isSMSSend = true;}}

扩展：
关于两者顺序问题，优秀博主的解释：https://zhuanlan.zhihu.com/p/35454219

Checkbox选中变化时回调函数相关推荐

Datatables表格数据初始化时回调函数中修改要显示的值
场景 Datables初始化表数据后,返回的status状态值为1,2,3 现在要根据返回值的状态显示相应的中文. 实现 { data: 'status',render: function (data ...
VUE 学习代码监视和模板语法回调函数
文章目录 HelloWorld 模板语法 03_计算属性和监视 HelloWorld <!DOCTYPE html> <html lang="en"> &l ...
layui checkbox选中
文章目录[隐藏] 前言方法栗子 layui checkbox 选中问题前言 layui要如何选中呢?在我们使用layui过程中,经常会遇到动态增加 checkbox 的情况,今天我便遇到了,但是 ...
函数指针实现回调函数
首先说明是函数指针,函数指针,就是一个函数,将其函数名指针化,通过传入指针调用不同的函数手撸代码一次 #include<stdio.h> void max(int a,int b) { ...
我的C++回调函数的理解
今天在看一个多线程下载文件的代码时,让我很头痛.因为该程序中运用了大量的回调函数. 在我们学习一种技术的时候我们就要去知道几个问题 1. 回调函数是什么东西? 2. 回调函 ...
什么是回调函数？为什么要使用回调函数？如何使用回调函数？
1. 什么是回调函数: 函数指针的调用,即是一个通过函数指针调用的函数: 如果你把函数的指针(地址)作为参数传递给另一个函数,当这个指针被用来调用其所指向的函数时,就说这是回调函数. In compu ...
ajax post的回调函数另一个方法,jQueryajax–post()方法 - 米扑博客
jQuery ajax - post() 实例请求 test.php 网页,忽略返回值: $.post("test.php"); 通过 AJAX POST 请求改变 div 元素 ...
$.getJSON() 未能执行回调函数的缘由
$.getJSON() 方法使用 AJAX 的 HTTP GET 请求获取 JSON 数据. 语法 1 $.getJSON(url,data,success(data,status,xhr)) url ...
为什么要使用回调函数？（这个回答太精彩了）
原贴地址:http://bbs.csdn.net/topics/390081829 转载的16楼回答我们为什么要用回调函数呢? 记得在一次C++开发面试的时候被被一位主面官问到过这个问题,现在再回答 ...

Checkbox选中变化时回调函数

Checkbox选中变化时回调函数相关推荐

最新文章

热门文章