Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/performance/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用angular2反应形式使条件基于复选框选中和取消选中而工作_Angular_Angular Reactive Forms - Fatal编程技术网

如何使用angular2反应形式使条件基于复选框选中和取消选中而工作

如何使用angular2反应形式使条件基于复选框选中和取消选中而工作,angular,angular-reactive-forms,Angular,Angular Reactive Forms,我有一个复选框,我使用[(ngModel)]完成了它,它工作正常。 现在我想使用相同的内部表单,因此我用以下方式编写html: 但是在这里,如果复选框被选中,那么它没有存储在cookie中,没有任何功能。我也没有达到我所震惊的程度。在反应式表单中,您不使用ngSubmit方法发送数据,因为它们存在于组件中 因此,在html中,您有(ngSubmit)=“login()” 在控制器的login()方法中,您可以访问填充值,如下所示: const password = this.loginForm.

我有一个复选框,我使用
[(ngModel)]
完成了它,它工作正常。 现在我想使用相同的内部表单,因此我用以下方式编写html:
但是在这里,如果复选框被选中,那么它没有存储在cookie中,没有任何功能。我也没有达到我所震惊的程度。

在反应式表单中,您不使用ngSubmit方法发送数据,因为它们存在于组件中

因此,在html中,您有
(ngSubmit)=“login()”

在控制器的
login()
方法中,您可以访问填充值,如下所示:

const password = this.loginForm.value.password;
const saveUserName = this.loginForm.value.saveUserName;

我认为这是因为您在第一行html文件中发送的参数现在已进入表单,因此您不能作为单个参数发送

login(loginForm.value,saveUserName)
变量“saveUserName”似乎不存在,您必须通过表单引用它,实际上您不再需要在函数中传递参数,因为它全部进入表单

if (this.loginForm.saveUserName == true) {

在这里,如果选中该复选框,则必须将密码另存为默认密码