离子物品怎么不显示?
Posted
技术标签:
【中文标题】离子物品怎么不显示?【英文标题】:How come Ionic items don't show up? 【发布时间】:2019-12-17 08:05:18 【问题描述】:我正在为我的原生应用程序使用 Ionic 框架,但我只能使用 ion-item 和 ion-option-button。当我尝试使用离子输入和离子选择等任何离子项目时,什么都没有出现?
我假设我没有完整的 Ionic 库,或者我遗漏了一些东西。我的项目中什至没有任何 .ts,这对于 Ionic 框架来说是不寻常的。
这是我目前拥有的文件:
File Structure and code
有效的代码:
<ion-view view-title="Find Jobs">
<ion-content>
<div class="small-paragraph">FOUND: 5 • LAST UPDATED: 26/07/2019</div>
<ion-list>
<ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="job in jobs" type="item-text-wrap" href="#/tab/jobs/job.id">
<img ng-src="job.logo">
<h2>job.title</h2>
<p>job.category • job.salary • job.location</p>
<i class="icon ion-chevron-right icon-accessory"></i>
<ion-option-button class="button-saved" ng-click="save(job)">
Save Job
</ion-option-button>
</ion-item>
</ion-list>
</ion-content>
</ion-view>
不起作用的代码:
<ion-view view-title="My Account">
<ion-content>
<ion-list>
<ion-input value="Full Name" readonly></ion-input>
<ion-item>
<ion-label>Gender</ion-label>
<ion-select placeholder="Select One">
<ion-select-option value="f">Female</ion-select-option>
<ion-select-option value="m">Male</ion-select-option>
</ion-select>
</ion-item>
</ion-list>
</ion-content>
</ion-view>
似乎我可以添加任何文本框、选择框和所有其他 Ionic 控件。好像少了点什么。有什么想法吗?
【问题讨论】:
【参考方案1】:您是否在模块容器中导入了“IonicModule”?您必须导入 IonicModule 才能访问 Ionic 的所有自定义组件
应该是这样的:
@NgModule(
imports: [
...
IonicModule,
...
],
)
【讨论】:
嗨。不,我什至没有我认为没有的模块容器?以上是关于离子物品怎么不显示?的主要内容,如果未能解决你的问题,请参考以下文章