离子物品怎么不显示?

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 &bull; 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 &bull; job.salary &bull; 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,
        ...
    ],
)

【讨论】:

嗨。不,我什至没有我认为没有的模块容器?

以上是关于离子物品怎么不显示?的主要内容,如果未能解决你的问题,请参考以下文章

切换选项卡后离子段不显示数据

离子应用程序:Android --livereload 显示 cordova 不可用错误

离子后退按钮不显示最后一个视图

离子闪屏不可见

从 node_modules 导入时不显示离子图标

离子切换按钮不显示正确的切换 - Ionic 3,Angular 4