【问题标题】: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 控件。好像少了点什么。有什么想法吗?

【问题讨论】:

    标签: angular ionic-framework ionic3


    【解决方案1】:

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

    应该是这样的:

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

    【讨论】:

    • 嗨。不,我什至没有我认为没有的模块容器?
    猜你喜欢
    • 2019-12-31
    • 2021-11-26
    • 1970-01-01
    • 1970-01-01
    • 2013-06-07
    • 1970-01-01
    • 2013-11-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多