Question

我最近在Nativescript操场上开发了一个简单的应用程序，在那里我发现ngModel不适用于输入类型TextField。我已确保在应用程序的模块中导入NativescriptFormModule。但仍然无法正常工作。

Answer 1

您可以使用扩展语法而不是ngModel（text和textChange），因为TextFuield是具有多个可绑定属性（提示，文本，returnType等）的复杂布局-示例{{3} }和文档文章Playground here

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);
    }
}

Answer 2

我今天在NativeScript Playground教程中遇到了同样的问题。无法使用我的[（ngModel）] =“ user.email”（或密码）。我通过导入NativeScriptFormsModule并将其添加到app.module.ts

中的@NgModule导入中进行了修复。

import { NativeScriptFormsModule } from "nativescript-angular/forms";

然后

@NgModule({
  imports: [NativeScriptFormsModule]
})

app.module.ts文件：

import { NgModule } from "@angular/core";
import { NativeScriptModule } from "nativescript-angular/nativescript.module";
import { NativeScriptUIChartModule } from "nativescript-ui-chart/angular";
import { NativeScriptHttpClientModule } from "nativescript-angular/http-client";
import { NativeScriptFormsModule } from "nativescript-angular/forms";

import { AppComponent } from "./app.component";

@NgModule({
  imports: [
    NativeScriptModule,
    NativeScriptUIChartModule,
    NativeScriptHttpClientModule,
    NativeScriptFormsModule
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }

ngModel在Nativescript中不起作用

2 个答案: