Question

需要你的帮助：

//ts file
export class SettingsPage {
  pays: [string] = [];
  gateways: string = '';

我可以单独成功拨打电话，但是当我在gateways循环内拨打pays时，它无法正常工作：

<ion-row>

  <ion-item *ngFor="let pay of pays">
  <ion-icon name="image" item-start></ion-icon>
  <ion-input type="text" [(ngModel)]="pay['payto']" placeholder="{{pay.name}}">
  {{gateways.desc}}   // doesn't work inside the loop
  </ion-input>

{{gateways.desc}} // works fine outside the loop

</ion-row>

Answer 1

它没有显示，因为在ion-input内添加任何内容无效（请检查 the docs ）。

你绝对可以在循环内添加它，如下所示：

<ion-row>
  <ion-item *ngFor="let pay of pays">
    <ion-icon name="image" item-start></ion-icon>
    <ion-input type="text" [(ngModel)]="pay['payto']" placeholder="{{pay.name}}"></ion-input>
    <ion-note item-end>{{ gateways.desc }}</ion-note>
  </ion-item>
</ion-row>

我正在使用ion-note添加另一个有效的Ionic布局，但如果它在Ionic中有效，您可以添加任何内容。

Answer 2

好像你还没有关闭<ion-item *ngFor="let pay of pays">代码

试试这个希望它会起作用

<ion-row>
    <ion-item *ngFor="let pay of pays">
          <ion-icon name="image" item-start></ion-icon>
          <ion-input type="text" [(ngModel)]="pay['payto']" placeholder="{{pay.name}}">
          {{gateways.desc}}   // doesn't work inside the loop
          </ion-input>
    </ion-item> <!-- close this  tag -->
    {{gateways.desc}} // works fine outside the loop

</ion-row>

如何在ngFor循环中调用另一个变量

2 个答案: