ionic2卡和图标没有显示

我对Ionic并不陌生，但不幸的是我无法弄清楚为什么会发生这种情况。ionic2卡和图标没有显示

我想在新创建的项目上创建一张简单的卡片列表，但它们似乎不起作用。我试着分别使用图标和卡片，但似乎也没有工作。

正如我所说的，我创建了一个全新的项目，拥有标准的“home-about-etc”模板，并用内部的div替换了home.html文件中的HTML。下面是代码：

<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) { 

    } 

}

非常感谢！

来源

2017-02-03 user3153278

在你的'index.html'你还有''切入点？主页组件的代码是什么样的？ –

@AlexanderStaroselsky我还有，是的。正如我所说，我没有改变任何东西，只是显示'Hello to Ionic2'文本的html代码与上面显示的代码。我已经使用上面的主页类组件中的代码编辑了我的帖子。 – user3153278

尝试从该模板中删除“ ... ”部分，看看是否有任何呈现。也许'需要额外的配置，可能会阻止渲染。 –

尝试使用它作为这样的：

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

来源

2017-02-04 10:40:27 HMansour

对！是我在看如何指定卡的v1文档？谢谢！ :) – user3153278

ionic2卡和图标没有显示

回答

相关问题