ngModel忽略占位符

时间:2017-12-02 14:14:45

标签: javascript angular ionic-framework ionic3 angularfire2

当我尝试添加此内容时:

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

它突出显示rg.key值,其中#000值为placeholders。{/ p>

但是,如果我用something else替换变量,它可以工作:

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

有人可以帮我解决这个问题吗?

Stackblitz link here

1 个答案:

答案 0 :(得分:0)

Placeholders在他们指向的值不存在时显示(或在我们的情况下为undefined)。

替换以下行:

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

要:

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

现在您将看到,对于第一次reg次迭代,placeholder将替换undefined值(但它不会替换201值)

这适用于您的其他代码(不在代码段中)

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

只有在未定义值eg.key时,您才会注意到占位符rg.b

希望这有帮助