ngModel 忽略占位符答案

【问题标题】：ngModel ignores placeholdersngModel 忽略占位符
【发布时间】：2018-05-16 11:13:21
【问题描述】：

当我尝试添加这个时：

<ion-row *ngFor="let rg of reg | async">
<ion-input type="text" [(ngModel)]="rg.key" placeholder="{{rg.b}}"></ion-input>
</ion-row>

它以#000 insted 的placeholders 值的活动颜色突出显示rg.key 值。

但如果我用something else 替换变量，它会起作用：

<ion-input type="text" [(ngModel)]="somethingelse" placeholder="{{rg.b}}"></ion-input>

谁能帮我解决这个问题？

【问题讨论】：

你能创建一个 stackblitz 演示吗
我必须为此添加完整代码，因为在ngModel中通过变量调用值是个问题
你能发一下数组吗
this.reg = this.db.list('firebase/info').valueChanges() 为reg: Observable<any[]>; 提供数组
发布数组而不是代码

【解决方案1】：

Placeholders 在它们指向的值不存在时显示（在我们的例子中是undefined）。

替换以下行：

reg = [{num: 201}, {num: 202}];

收件人：

reg = [{num: undefined}, {num: 202}];

现在您将看到，对于第一次 reg 迭代，placeholder 将替换 undefined 值（但它不会替换 201 值）。

这适用于您的其他代码（不在 sn-p 中）

<ion-input type="text" [(ngModel)]="rg.key" placeholder="{{rg.b}}"></ion-input>

仅当值eg.key 未定义时，您才会注意到占位符rg.b。

希望对你有帮助

【讨论】：

我可以在数组中获取ngModel 数据吗？比如：从<div *ngFor="let rg of reg; let i = index"> <ion-input type="text" [(ngModel)]="ab as rg.key" placeholder="{{rg.b}}"></ion-input> </div>和ts文件ab = []获取数据可能吗？
我不太清楚你的意思……你能试着解释一下吗？
我改变了我的编码结构，因为它不适合我。谢谢