2017-02-03 3 views
0

Ich bin nicht neu zu Ionic, aber leider konnte ich nicht herausfinden, warum das passiert.ionic2 Karten und Symbole nicht angezeigt

Ich versuche, eine einfache Liste von Karten auf einem neu erstellten Projekt zu erstellen, aber sie scheinen nicht zu funktionieren. Ich habe versucht, sowohl die Symbole als auch die Karten getrennt zu verwenden, und das schien auch nicht zu funktionieren.

Wie ich schon sagte, ich habe ein brandneues Projekt erstellt, mit der Standardvorlage "home-about-etc", und habe den HTML-Code in der Datei home.html durch ein div mit Karten ersetzt. Hier ist der Code:

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

Ist dies ein weit verbreitetes Problem, das derzeit untersucht wird, weil ich nicht wirklich sehen, wie ich etwas falsch gemacht haben könnte, da ich nur eben diese Marke neues Projekt angelegt und die Vorlage für Karten direkt von der v2 Website kopiert haben?

EDIT:

-Code der Home.ts Klasse:

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

import { NavController } from 'ionic-angular'; 

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

    constructor(public navCtrl: NavController) { 

    } 

} 

Vielen Dank!

+0

In Ihrem 'index.html' haben Sie noch' 'Einstiegspunkt? Wie sieht der Code für die Komponente für die Homepage aus? –

+0

@AlexanderStaroselsky Ich habe es immer noch, ja. Wie gesagt, ich habe nichts geändert außer dem HTML-Code, der den 'Hallo zu Ionic2' Text mit dem oben gezeigten Code anzeigt. Ich habe meinen Beitrag mit dem Code in der Komponente für die oben genannte Homepage-Klasse bearbeitet. – user3153278

+0

Versuchen Sie, den Abschnitt " ... " aus dieser Vorlage zu entfernen und sehen Sie, ob etwas gerendert wird. Vielleicht braucht die 'zusätzliche Konfiguration und kann Rendering verhindern. –

Antwort

0

versuchen es, weil dies:

<ion-card> 
    <ion-card-content> 
    </ion-card-content> 
</ion-card> 
+0

direkt an! War das, was ich in der v1-Dokumentation über die Angabe von Karten gesehen habe? Vielen Dank! :) – user3153278

Verwandte Themen