【发布时间】：2017-06-21 07:28:42
【问题描述】：
我对 Ionic 并不陌生，但不幸的是我无法弄清楚为什么会发生这种情况。
我正在尝试在一个新创建的项目上创建一个简单的卡片列表，但它们似乎不起作用。我尝试分别使用图标和卡片，但似乎也不起作用。
正如我所说，我创建了一个全新的项目，具有标准的“home-about-etc”模板，并将 home.html 文件中的 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) {
}
}
非常感谢！
【问题讨论】：
-
在您的
index.html中是否还有<ion-app></ion-app>入口点？主页组件的代码是什么样的？ -
@AlexanderStaroselsky 我还有它，是的。正如我所说，除了上面显示的代码显示“Hello to Ionic2”文本的 html 代码之外，我没有更改任何内容。我已经使用上面主页类的组件内的代码编辑了我的帖子。
-
尝试从该模板中删除
<ion-header>...<ion-header>部分，看看是否有任何渲染。也许` 需要额外的配置并且可能会阻止渲染。 -
还可以尝试删除属性
padding，只是为了测试导致此问题的原因。 -
@AlexanderStaroselsky 删除了
和填充，但卡片仍然不存在：/
标签： ionic-framework ionic2 ionicons