[英]Ionic2 ion-content not render content
我尝试将离子含量用作:
<ion-content>
<ion-list>
<button ion-item *ngFor="let item of items" (click)="itemTapped($event, item)" class="list-item">
<img class="picture" src="/build/images/profile/{{item.picture}}" item-left/>
<div class="item-data">
<div>
<span class="title">{{item.title}}</span>
<span class="sub-title">{{item.typeWork}}</span>
<span class="distance"><ion-icon name="map" item-right></ion-icon>{{item.distance}} km</span>
</div>
<div class="evaluation">
<span><ion-icon name="cash"></ion-icon>{{item.noteAveragePrice}}</span>
<span><ion-icon name="ribbon"></ion-icon>{{item.noteAverageService}}</span>
<span><ion-icon name="clock"></ion-icon>{{item.noteAverageScore}}</span>
</div>
</div>
<!--
<span class="description">{{item.description}}</span>
-->
</button>
</ion-list>
<div *ngIf="selectedItem" padding>
You navigated here from <b>{{selectedItem.title}}</b>
</div>
</ion-content>
而不渲染内容:
除去离子含量标签后,将显示内容,但不包含滚动
我发现了问题,我在类的控制器中使用视图(具有离子含量) @Component而不是@Page 。 @Page更改后对我有效。
之前
import {Component, ViewChild} from '@angular/core';
import {NavController, Alert, Content} from 'ionic-angular';
import {ProfessionalModel} from './professional-model';
@Component({
templateUrl: 'build/pages/professional/professional-view.html'
})
后
import {ViewChild} from '@angular/core';
import {NavController, Alert, Content, Page} from 'ionic-angular';
import {ProfessionalModel} from './professional-model';
@Page({
templateUrl: 'build/pages/professional/professional-view.html'
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.