【问题标题】:Ionic2 Views , Object is being printed with Double QuotesIonic2 视图,对象正在用双引号打印
【发布时间】:2017-06-05 04:23:54
【问题描述】:

当尝试通过 ngFOR 遍历 for 循环来打印自定义对象时 双引号也正在打印 这是我的循环 值是这样打印的 “地铁” 虽然我希望它们看起来很正常 地铁

<ion-list>
  <ion-item-group *ngFor="let g of tp.LegList">
    <table width="100%" border="0">
      <tbody>
        <tr>
          <th>
            <ion-card>
              <div *ngIf="g" ng-value="some value">
                {{g}} {{g.line}}
                <ion-item>
                  <ion-label (click)="showNextDepartures($event)">{{g.line | json}}</ion-label>
                </ion-item>
              </div>
            </ion-card>
          </th>
        </tr>
      </tbody>
    </table>
  </ion-item-group>
</ion-list>
</ion-item-group>
</ion-list>

【问题讨论】:

  • {{g}} {{g.line}} 你在打印整个对象吗?还有代码中的哪一行打印 METRO?
  • {{g.line | json}} g.line > 应该在打印“18”时打印 18 我正在遍历自定义类对象的数组。 g 拥有所有成员。其中一个是 line,另一个是 type,当我通过 g.line 或 g.type 访问它们时,将打印双引号,而我希望它们在没有双引号的情况下打印
  • 为什么要发送到 json 管道?这用于漂亮地打印整个对象而不是属性
  • 嗨,我刚试过不带 json,现在打印时不带引号。这是 {{g.line}} 插入的正确的 {{g.line | json}}

标签: ionic2


【解决方案1】:

尝试不使用json pipe。 Json 管道用于漂亮地打印整个对象而不是特定属性。

<ion-label (click)="showNextDepartures($event)">{{g.line}}</ion-label>

【讨论】:

  • 如果你做了 {{g | json}} 。一般用于调试json内容。没见过它用来显示任何东西,因为它打印得很漂亮
猜你喜欢
  • 2022-01-13
  • 2015-11-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-10-15
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多