Use disable with model-driven form : <p>I'm trying to use the <code>disabled</code> inside my model-driven form. I have the following form:</p>

<pre><code>this.form = this.formBuilder.group({
    val1: ['', Validators.required],
    val2: [{value:'', disabled:this.form.controls.val1.valid}]
});
</code></pre>

<p>I'm getting an error (not finding <code>controls</code> of <code>this.form</code>) probably because I'm using <code>this.form</code> inside <code>this.form</code>.</p>

<p>How can I fix that?</p>

<p>PS I've also tried to add <code>[disabled]='...'</code> inside my html but I get a warning saying I should use the formBuilder instead</p>
