如何使用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) {
在这里,如果选中该复选框,则必须将密码另存为默认密码