イオン2プロジェクトでng-templateを動作させる方法

Question

これまで、アイテムの量が異なるカードの配列に仮想スクロールを使用しようとしました。仮想スクロールは私のカードでは動作しません、それは私がこれを言っターミナルで私にエラーを与え続けng-templateを試してみてください示唆された。

Error: Template parse errors: [01:38:47] 'ng-template' is not a known element: [01:38:47] 1. If 'ng-template' is an Angular component, then verify that it is part of this module. [01:38:47] 2. If 'ng-template' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this

私が持って動作するように仮想スクロールを取得しようとした他のソリューションは、空白の白い未表示のページを私に残しました。これは、端末にエラーがあってビルドが失敗すると思いますので、不思議です。私はng-templateを私のために働かせる方法を見つけようとします。グーグルが十分な例を挙げていない これは最初はvirtualScrollを使用していましたが、これは間違った方法です。 divとリストの要素を交換して、virtualScrollプロパティを設定しようとしましたが、空白のページと同じ結果が得られます。

HTML

<ion-content id="content"> 
    <ion-card id="card" *ngFor="let event of listOfEvents 
    [virtualScroll]="listOfEvents">   
    <ion-item *virtualItem="let event"> 
     <ion-row> 
     <ion-col> 
      <span class="showDetails">Guests Needed:</span> {{event.guests}} 
     </ion-col> 
     <ion-col> 
      <span class="showDetails">Cover:</span> {{event.coverCharge}} 
     </ion-col> 
     <ion-col> 
      <span class="showDetails">Drink Min:</span>{{event.drinkMin} 
     </ion-col> 
     </ion-row> 
    </ion-item> 
    </ion-card> 
</ion-content> 

Answer 1

を使用する必要があります。また、angular2を使用しているときにこのエラーが発生する可能性もありますが、angular4に依存するパッケージにも依存しています。

だけアンギュラ4に更新すると、あなたは問題ないはず

npm update

を実行します。

Answer 2

<ng-template>要素は、角バージョン4.0.0-rc.1で導入されました。あなたは、最新の角度のバージョンのいずれかのアップデートは、（お勧め）、またはAngular4はNG-テンプレートにテンプレートコンポーネントの名前を変更した<template>タグ