离子物品怎么不显示？

Posted 2023-03-13

【中文标题】离子物品怎么不显示？

【英文标题】：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,
        ...
    ],
)

【讨论】：

嗨。不，我什至没有我认为没有的模块容器？