文章/答案/技术大牛

发布

社区首页 >问答首页 >删除空表行离子

问删除空表行离子
EN

Stack Overflow用户

提问于 2019-08-13 12:54:24

回答 1查看 146关注 0票数 0

我正在使用离子3，我试图在HTML页面中打印数据，但是我得到了空的表行，然后我得到了结果，所以我想删除开头的空部分！任何人都可以帮我!！

这是我使用的代码

<ion-grid *ngSwitchCase="'fraude3'" padding>
                <ion-item *ngFor ="let n of flag" >
                    <div *ngIf="n.manualparice >0 || n.priceoverride>0">
                      <ion-row>
                        <ion-col class="adult" width-70>
                          <span ion-text color="primary"><strong>Item ID</strong> </span>
                        </ion-col>
                        <ion-col width-10 text-center>
                          <ion-icon name="remove-circle" class="text-2x" tappable (click)="minusAdult()" [hidden]="adults < 2"
                                    color="secondary"></ion-icon>
                        </ion-col>
                        <ion-col width-10 text-center>{{n.itemId}}</ion-col>
                        <ion-col width-10 text-center>
                          <ion-icon name="add-circle" class="text-2x" tappable (click)="plusAdult()" color="secondary"></ion-icon>
                        </ion-col>
                        </ion-row>
                      <ion-row>
                      <ion-col class="adult" width-70>
                        <span ion-text color="primary"><strong>Manual Price</strong> </span>
                      </ion-col>
                      <ion-col width-10 text-center>
                        <ion-icon name="remove-circle" class="text-2x" tappable (click)="minusAdult()" [hidden]="adults < 2"
                                  color="secondary"></ion-icon>
                      </ion-col>
                      <ion-col width-10 text-center>{{n.manualparice}}</ion-col>
                      <ion-col width-10 text-center>
                        <ion-icon name="add-circle" class="text-2x" tappable (click)="plusAdult()" color="secondary"></ion-icon>
                      </ion-col>
                        </ion-row>
                      <ion-row>
                        <ion-col class="adult" width-70>
                          <span ion-text color="primary"><strong>Price Override</strong> </span>
                        </ion-col>
                        <ion-col width-10 text-center>
                          <ion-icon name="remove-circle" class="text-2x" tappable (click)="minusAdult()" [hidden]="adults < 2"
                                    color="secondary"></ion-icon>
                        </ion-col>
                        <ion-col width-10 text-center>{{n.priceoverride}}</ion-col>
                        <ion-col width-10 text-center>
                          <ion-icon name="add-circle" class="text-2x" tappable (click)="plusAdult()" color="secondary"></ion-icon>
                        </ion-col>
                        </ion-row>
                      <ion-row>
                          <ion-col class="adult" width-70>
                            <span ion-text color="primary"><strong>Item Amount</strong> </span>
                          </ion-col>
                          <ion-col width-10 text-center>
                            <ion-icon name="remove-circle" class="text-2x" tappable (click)="minusAdult()" [hidden]="adults < 2"
                                      color="secondary"></ion-icon>
                          </ion-col>
                          <ion-col width-10 text-center>{{n.extendedAmount}}</ion-col>
                          <ion-col width-10 text-center>
                          <ion-icon name="add-circle" class="text-2x" tappable (click)="plusAdult()" color="secondary"></ion-icon>
                          </ion-col>
                        </ion-row>
                     </div>
                  </ion-item>
            </ion-grid>

angular

typescript

ionic-framework

ionic3

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-08-13 14:31:24

将代码更新如下：

<ion-grid *ngSwitchCase="'fraude3'" padding>
                <ng-container *ngFor ="let n of flag" >
                    <ion-item *ngIf="n.manualparice >0 || n.priceoverride>0">
                     <div>
                      <ion-row>
                        <ion-col class="adult" width-70>
                          <span ion-text color="primary"><strong>Item ID</strong> </span>
                        </ion-col>
                        <ion-col width-10 text-center>
                          <ion-icon name="remove-circle" class="text-2x" tappable (click)="minusAdult()" [hidden]="adults < 2"
                                    color="secondary"></ion-icon>
                        </ion-col>
                        <ion-col width-10 text-center>{{n.itemId}}</ion-col>
                        <ion-col width-10 text-center>
                          <ion-icon name="add-circle" class="text-2x" tappable (click)="plusAdult()" color="secondary"></ion-icon>
                        </ion-col>
                        </ion-row>
                      <ion-row>
                      <ion-col class="adult" width-70>
                        <span ion-text color="primary"><strong>Manual Price</strong> </span>
                      </ion-col>
                      <ion-col width-10 text-center>
                        <ion-icon name="remove-circle" class="text-2x" tappable (click)="minusAdult()" [hidden]="adults < 2"
                                  color="secondary"></ion-icon>
                      </ion-col>
                      <ion-col width-10 text-center>{{n.manualparice}}</ion-col>
                      <ion-col width-10 text-center>
                        <ion-icon name="add-circle" class="text-2x" tappable (click)="plusAdult()" color="secondary"></ion-icon>
                      </ion-col>
                        </ion-row>
                      <ion-row>
                        <ion-col class="adult" width-70>
                          <span ion-text color="primary"><strong>Price Override</strong> </span>
                        </ion-col>
                        <ion-col width-10 text-center>
                          <ion-icon name="remove-circle" class="text-2x" tappable (click)="minusAdult()" [hidden]="adults < 2"
                                    color="secondary"></ion-icon>
                        </ion-col>
                        <ion-col width-10 text-center>{{n.priceoverride}}</ion-col>
                        <ion-col width-10 text-center>
                          <ion-icon name="add-circle" class="text-2x" tappable (click)="plusAdult()" color="secondary"></ion-icon>
                        </ion-col>
                        </ion-row>
                      <ion-row>
                          <ion-col class="adult" width-70>
                            <span ion-text color="primary"><strong>Item Amount</strong> </span>
                          </ion-col>
                          <ion-col width-10 text-center>
                            <ion-icon name="remove-circle" class="text-2x" tappable (click)="minusAdult()" [hidden]="adults < 2"
                                      color="secondary"></ion-icon>
                          </ion-col>
                          <ion-col width-10 text-center>{{n.extendedAmount}}</ion-col>
                          <ion-col width-10 text-center>
                          <ion-icon name="add-circle" class="text-2x" tappable (click)="plusAdult()" color="secondary"></ion-icon>
                          </ion-col>
                        </ion-row>
                     </div>
                    </ion-item>
                  </ng-container>
            </ion-grid>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/57478177

复制

相似问题

问删除空表行离子
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问删除空表行离子EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问删除空表行离子
EN