Question

我正在为我的本机应用程序使用Ionic框架，但是我只能使用ion-item和ion-option-button。当我尝试使用任何离子项目（例如离子输入和离子选择）时，什么都没有显示？

我认为我没有完整的离子库，或者我缺少什么。我的项目中甚至没有任何.ts，这对Ionic框架来说是不常见的。

这是我当前拥有的文件：

有效的代码：

<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控件。似乎缺少一些东西。有什么想法吗？

Answer 1

您是否在模块容器中导入了“ IonicModule”？您必须导入IonicModule才能访问Ionic的所有自定义组件

应该是这样的：

@NgModule({
    imports: [
        ...
        IonicModule,
        ...
    ],
})

离子物品为什么不显示？

1 个答案: