ngModel не работает в Nativescript

Question

Недавно я разрабатывал простое приложение на игровой площадке Nativescript, где обнаружил, что ngModel не работает с типом ввода TextField. Я убедился, что я импортирую NativescriptFormModule в модуль приложения. но все равно это не работает.

Answer 1

Вы используете расширенный синтаксис вместо ngModel (text и textChange), поскольку TextFuield представляет собой сложный макет с несколькими привязываемыми свойствами (подсказка, текст, returnType и т. Д.) - пример Площадка для игр здесь и документация статьи здесь

HTML

<TextField [hint]="hint" [text]="name" (textChange)="onTextChange($event)"></TextField>

TypeScript

export class SignupComponent implements OnInit {
    name: string;
    hint: string = "enter name";

    tf: TextField;

    onTextChange(args: EventData) { 
        console.log("onTextChange");

        this.tf = <TextField>args.object;
        console.log("tf.text: ", this.tf.text);
    }
}