在表单项中使用ngModel和[(ngModel)]有什么区别?

时间:2018-12-08 09:03:15

标签: angular ionic-framework ngmodel

我知道[(ngModel)]用于2向绑定。

我有一个输入字段。它应该显示数据库中的值,并允许用户对其进行更改并保存回数据库中。

为此,我相信我应该使用[[ngModel)],以便可以从ts文件中的变量(从db检索)中设置字段值。可以使用ngModel像下面这样通过其他任何方式来实现吗?

<ion-item>
        <ion-label floating>First Name</ion-label>
        <ion-input type="text" ngModel name="firstName" required></ion-input>
      </ion-item>

1 个答案:

答案 0 :(得分:1)

它称为 Template Driven Approach

插入 ngModel 离子将知道这可以通过Javascript表示来处理。这称为注册控件

您可以达到

<form #f="ngForm" (ngSubmit) = "onAddItem(f)">

#f 创建本地引用,并可以访问表单的HTML框架。通过添加“ ngForm”,#f将可以访问Angular创建的表单的Javascript表示形式。 (ngSubmit) 监听提交的表单,并在触发提交事件时将表单传递给onAddItem方法。