复选框表单验证器Angularjs2

Question

我需要验证这样的事情。在以下表单中，仅当用户选中该复选框时才应启用SignUp按钮。如果用户取消选中该复选框，则该按钮应被禁用。

当用户第一次选中该复选框时，以下方式启用了该按钮。但是如果用户再次取消选中该复选框，则按钮保持启用状态，实际应该禁用该按钮。所有帮助赞赏。谢谢！

<form id="login-form" action="" method="post" role="form"  #loginForm='ngForm'>
                    <div class="form-group">
                        <input type="text" required maxlength="12" minlength="12" required [(ngModel)]="user.ssn" name="ssn" #name="ngModel" tabindex="1" class="form-control input-box" placeholder=""
                            value="" autocomplete="off">
                    </div>

        <div class="form-group center">
                        <input type="checkbox" id="chkTerm" ngModel name="cb" #cb="ngModel" required  />
          <label for="chkTerm"></label>
                    </div>

                    <div class="form-group">
                        <div class="center">

                                <button class="btn" (click)='clicked()' class="btn waves-effect waves-light" [disabled]="!loginForm.form.valid" [ngStyle]="{'background-color': '#57e5a1'}" type="submit" name="action">SignUp</button>


                        </div>
                    </div>
                </form>