2017-01-16 1 views
1

Dies ist mein Code aus movie-info.html:Ionic2 Unhandle Versprechen Ablehnung: Template Parse-Fehler: 'Ion-item-content' ist kein bekanntes Element: Fehler

<ion-header> 
<ion-navbar> 
    <ion-title> 
    Movie Info 
    </ion-title> 
</ion-navbar> 
</ion-header> 

<ion-content class="home" padding> 
    <div *ngIf="movie" class="selection"> 
    <ion-card> 
     <ion-item> 
      <ion-avatar item-left> 
       <img src="path/to/image{{movie-poster}}"/> 
      </ion-avatar> 
      <ion-item-content class="movie-title-data"> 
       <h1>{{movie.title}}</h1> 
       <p>{{movie.release_date}}</p> 
      </ion-item-content> 
     </ion-item> 

     <ion-item> 
      <icon document item-left></icon> 
      <h2>Overview</h2> 
      <p class="item-description">{{movie.overview}}</p> 
     </ion-item> 
     <ion-item> 
      <icon bookmark item-left></icon> 
      <h2>Average Vote</h2> 
      <p>{{movie.vote_average}}</p> 
     </ion-item>  
    </ion-card> 
    </div> 
</ion-content> 

Dies ist der Fehler, den ich bekommen:

Unhandled Promise rejection: Template parse errors: 
'ion-item-content' is not a known element: 
1. If 'ion-item-content' is an Angular component, then verify that it is part of this module. 
2. If 'ion-item-content' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("path/to/image{{movie-poster}}"/> 
      </ion-avatar> 
      [ERROR ->]<ion-item-content class="movie-title-data"> 
       <h1>{{movie.title}}</h1> 
     "): [email protected]:16 

'icon' is not a known element: 
1. If 'icon' is an Angular component, then verify that it is part of this module. 

Ähnliche Fehler bleiben für alle Elemente gleich.

Dies ist movie-info.ts:

import {Component} from '@angular/core'; 
import {NavController, NavParams} from 'ionic-angular'; 

@Component({ 
    templateUrl: 'movie-info.html' 
}) 

export class MovieInfoPage { 

    movie: {}; 

    constructor(private navController: NavController, private navParams: NavParams) { 
    this.movie = navParams.get('movie'); 
    } 
} 
+0

Also Ihr 'MovieListPage' keinen Wähler? – echonax

+0

@echonax Ich weiß nicht, was du damit meinst. Dies ist das allererste Mal, dass ich Ionic2 benutze. :) –

+0

Innerhalb Ihrer '@ Component' Annotation, wo' templateUrl' und 'providers' sind, müssen Sie einen' Selector' haben, um die Komponente als Element zu referenzieren. Aber ich weiß nicht viel über Ionen, es könnte anders sein. Welche Beziehung besteht zwischen 'MovieInfoPage' und' MovieListPage'? – echonax

Antwort

1

Für die Vorlage Fehler:

Wie schlägt ion-item-content ist kein gültiger Tag in ionischer 2. Ich schlage vor, stattdessen einen div verwenden.

ion-item component

+0

Eigentlich ist der Dateiname 'movie-info.ts'. Ich habe in der Frage einen Fehler gemacht. –

+0

ok .. jetzt bekommen Sie 'Keine Komponente Fabrik gefunden für' oder Parse Fehler? –

+0

Es tut mir leid für die Verwirrung Suraj. Ich bearbeite die Frage, um klarer zu sein. Ich habe den Fehler, den ich bekommen habe, falsch verstanden. Es tut uns leid. –

Verwandte Themen