角度2 ng - 需要

val*_*ciu 6 validation model-driven angularjs typescript angular

我在角度2中创建了一个模型驱动的表单,只有当上面的复选框未选中时,其中一个输入字段才会显示.我使用*ngIf执行此操作.我的问题是,如果取消选中该复选框,我该如何设置所需的输入?在角度1.xi可以使视图中的ng-required ="condition"发生这种情况.

这是html:

//复选框

<div class="checkbox col-sm-9">
   <label>
     <input type="checkbox"  id="getCompanyAddress" style="cursor: pointer;" [formControl]="form.controls['address']" >Use the company address 
  </label>
</div>
Run Code Online (Sandbox Code Playgroud)

//选项输入:

<div *ngIf="form.value.address == false" class="form-group" [ngClass] = "{'has-error':!form.controls['address'].valid && form.controls['address'].touched}" >
 <label for="add_gestion_adress" class="col-sm-3 control-label">Address
 </label>
  <div class="col-sm-9"><textarea rows="1" id="add_gestion_adress" class="form-control" name="add_gestion_adress" [formControl]="form.controls['address']" ></textarea>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

//和型号代码:

   form: FormGroup;
    constructor(fb:FormBuilder){
      this.form = fb.group({
        'name': [null,Validators.compose([Validators.required, Validators.minLength(1)])],
        'type': ["en gros",Validators.compose([Validators.required, Validators.minLength(2)])],
        'person':[null,Validators.compose([Validators.required, Validators.minLength(1)])],
        'address':[false,Validators.compose([Validators.minLength(1)])],
        'locality':[null, Validators.compose([Validators.required])],
        'county':[null,Validators.compose([Validators.required])],
        'country':[null,Validators.compose([Validators.required])]
      })

    }
Run Code Online (Sandbox Code Playgroud)

Mil*_*ler 20

<textarea [required]="your angular expression">
Run Code Online (Sandbox Code Playgroud)

以上工作在最新版本的Angular 4中