Not able to bind ngModel in nativescript angular application

[anshuranjan]

HI,
I am using angular with nativescript for ios development.I am not able to bind the ngModel in this.
<NumericKeyboard [(ngModel)]="enteredTime" noDecimals="false">

after adding ngModel i am getting below error:
ERROR Error: No value accessor for form control with unspecified name attribute

Please look into this.

Thanks

[leo00723]

I get the same issue, what is the purpose of using the keyboard if you cant bind it to an ngModel.

[daweedm]

any update about this ?

[dtomaszewski]

Any news ?

[dtomaszewski]

Hi @daweedm @leo00723 as a workaround You can create wrapper for NumericKeyboard which utilizes ControlValueAccessor something like this simple example :

type PropagateChange = (value: number) => number;

@Component({
  selector: 'myapp-numeric-input',
  templateUrl: './numeric-input.component.html',
  styleUrls: ['./numeric-input.component.scss'],
  providers: [
    {
      provide: NG_VALUE_ACCESSOR,
      useExisting: forwardRef(() => NumericInputComponent),
      multi: true
    }
  ],
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class NumericInputComponent implements OnInit, ControlValueAccessor {
  @Input() additionalClass: string;
  value: number;

  constructor() {}

  private propagateChange: PropagateChange = (value: number) => value;

  ngOnInit() {}

  registerOnChange(fn: PropagateChange): void {
    this.propagateChange = fn;
  }

  registerOnTouched(fn: any): void {}

  writeValue(amount: number): void {
    this.value = amount;
  }

  change({ value }: { value: number }) {
    this.propagateChange(value);
  }
}