Question

im具有离子性和角性。有人可以告诉我如何在formgroup中使用ngmodel以便我可以获取数据。还有其他方法可以做到这一点。我在谷歌搜索了一些答案，但我没有真正找到答案这是我的.html

this.setCurrentUser(currentUser)

这是mt .ts文件

this.currentUser$.asObservable().pipe(first())

Answer 1

该问题的原因是，您一起使用formControlName和ngModelOptions，

如果要在同一输入上同时使用两者，则将formControlName设置为小写，

这是一个更改，

<ion-list>
   <form novalidate [formGroup]="slideOneForm">
      <ion-item>
         <ion-label color="white" fixed>First Name:</ion-label>
         <ion-input type="text" placeholder="Enter your First Name" formcontrolName="fname" [(ngModel)]="userData.fname" [ngModelOptions]="{standalone: true}"></ion-input>
      </ion-item>
    </form>

Stackblitz演示

Answer 2

您假设使用formcontrolName或ngModel。在组件中，您正在创建反应形式控件。因此请在模板文件中删除ngModel。

如果要使用ngModelOption，可以删除formControlName。不能同时使用其中之一。

无法绑定到“ ngModelOptions”，因为它不是“ ion-input”的已知属性

2 个答案: