fix(forms): add directives for formControl

[zbarbuto]

Somewhat related to #576 and #526

At the moment, selectors only apply to ngModel and formControlName meaning for Angular reactive forms to work with inputs, they must use formControlName within a formGroup directive.

I would like to add [formControl] to the list of selectors so that reactive forms can be used without a parent formGroup.

Rationale:
Say you have a dumb component which implements an input:

@Component({
  selector: 'my-custom-input',
  template: `<TextField [formControl]="control">`
})
export class MyCustomInput {
  @Input() control: FormControl
}

Which is used by some parent component:

@Component({
  selector: 'my-parent-component',
  template: `<my-custom-input [control]="formGroup.get('someControl')"`
})
export class MyCustomInput {
  public formGroup: FormGroup;
  constructor() {
    this.formGroup = new FormGroup({ someControl: new FormControl('') })
  }
}

The above does not work with the latest nativescript-angular with the following error: "No value accessor for form control with unspecified name attribute".

Adding the directives in the PR makes the above example work.

[ns-bot]

Can one of the admins verify this patch?

[ns-bot]

Can one of the admins verify this patch?

[ns-bot]

Can one of the admins verify this patch?

[sis0k0]

run ci

[sis0k0]

lgtm

[zbarbuto]

Thanks for merging so quickly.

Any idea when the next release is scheduled? Need this functionality for a project I am currently working on.

[sis0k0]

Heya, the fix is available when using the next tag. We'll release it officially with 3.1.1 (probably in a few hours :) )

[jlooper]

Congratulations! This PR was so awesome that it earned you a badge!

Ping me on NativeScript Community Slack and I'll send you a t-shirt!