Ionic 2模式不能填满预期空间
提问于 2017-07-30 17:10:01
我正在为ionic 2创建一个动态模型，以便在我的模型页面中放入少量数据，如下所示：
<ion-list>
<div *ngFor="let propertyInfo of modalOptions.inputMetadata">
<inline-edit [(ngModel)]="modalOptions.entity && modalOptions.entity[propertyInfo.propertyName]"
[label]="propertyInfo.label" [editOptions]="modalOptions.editOptions"
[required]="propertyInfo.required" [additionalData]="propertyInfo.additionalData"
[type]="propertyInfo.inputType" [componentType]="propertyInfo.componentType">
</inline-edit>
</div>
<ion-list-header>
<button ion-button full color="secondary">
Save<ion-icon name="add"></ion-icon>
</button>
</ion-list-header>
</ion-list>当我创建模式时，它会出现在屏幕上，但不会填满模式的轮廓空间：
就我个人而言，我想让它有一个带有关闭按钮的页眉和一个带有保存的页脚，但我的主要问题是如何让这个模式填充预期的空间？
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-07-30 19:42:14
它看起来很简单，我只需要把所有东西都包装在一个<ion-content>中
<ion-content class="dynamicModal">
<!--<button outline (click)="close()">Close</button>-->
<ion-list>
<div *ngFor="let propertyInfo of modalOptions.inputMetadata">
<inline-edit [(ngModel)]="modalOptions.entity && modalOptions.entity[propertyInfo.propertyName]"
[label]="propertyInfo.label" [editOptions]="modalOptions.editOptions"
[required]="propertyInfo.required" [additionalData]="propertyInfo.additionalData"
[type]="propertyInfo.inputType" [componentType]="propertyInfo.componentType">
</inline-edit>
</div>
<ion-list-header>
<button ion-button full color="secondary">
Save<ion-icon name="add"></ion-icon>
</button>
</ion-list-header>
</ion-list>
</ion-content>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45402515
复制
腾讯云开发者
