Карты и значки ionic2 не отображаются

Question

Я не новичок в Ionic, но, к сожалению, я не мог понять, почему это происходит.

Я пытаюсь создать простой список карточек для вновь созданного проекта, но они, похоже, не работают. Я попытался использовать иконки и карточки по отдельности, но это тоже не сработало.

Как я уже сказал, я создал совершенно новый проект со стандартным шаблоном "home-about-etc" и заменил HTML внутри файла home.html на div с карточками внутри. Вот код:

 <ion-header>
  <ion-navbar>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <div class="card">
    <div class="item item-divider">
      I'm a Header in a Card!
    </div>
    <div class="item item-text-wrap">
      This is a basic Card with some text.
    </div>
    <div class="item item-divider">
      I'm a Footer in a Card!
     </div>
   </div>
 </ion-content>

Является ли это общей проблемой, которая в настоящее время расследуется, потому что я действительно не понимаю, как я мог сделать что-то не так, поскольку я только что создал этот новый проект и скопировал шаблон для карточек прямо из v2 Веб-сайт?

РЕДАКТИРОВАТЬ:

Код класса Home.ts:

 import { Component } from '@angular/core';

import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController) {

  }

}

Большое спасибо!

Answer 1

Попробуйте использовать это так:

<ion-card>
  <ion-card-content>
  </ion-card-content>
</ion-card>