Angular 如何让ng模板在离子2项目中工作

Angular 如何让ng模板在离子2项目中工作,angular,ionic2,Angular,Ionic2,我以前曾尝试将虚拟滚动用于具有不同数量项目的卡阵列。虚拟卷轴无法与我的卡一起使用,有人建议我尝试ng template,它一直在终端中给我一个错误,上面说: 错误:模板分析错误:[01:38:47]“ng模板”不是 已知元素:[01:38:47]1。如果“ng模板”是角度模板 组件,然后验证它是否是此模块的一部分。[01:38:47] 2. 如果“ng模板”是Web组件,则添加“自定义元素\u架构” 发送到本文件的'@NgModule.schemas' 我尝试让虚拟卷轴工作的其他解决方案给我留

我以前曾尝试将虚拟滚动用于具有不同数量项目的卡阵列。虚拟卷轴无法与我的卡一起使用,有人建议我尝试
ng template
,它一直在终端中给我一个错误,上面说:

错误:模板分析错误:[01:38:47]“ng模板”不是 已知元素:[01:38:47]1。如果“ng模板”是角度模板 组件,然后验证它是否是此模块的一部分。[01:38:47] 2. 如果“ng模板”是Web组件,则添加“自定义元素\u架构” 发送到本文件的'@NgModule.schemas'

我尝试让虚拟卷轴工作的其他解决方案给我留下了一个空白、白色、未渲染的页面,这很奇怪,因为你会认为如果终端告诉我错误,构建就会失败。我想尝试找出如何使
ng模板
适合我。谷歌还没有找到足够的例子。 这就是我最初使用的
virtualScroll
,这是一种错误的方法。我尝试在div和list元素中进行交换,以打开
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>


角度版本中引入了
元素。您应该更新到最新的angular版本(建议),或者使用
标记Angular4已将模板组件重命名为ng模板。还有一种可能是,当您仍然使用angular2,但也依赖于依赖于angular4的某个包时,您会得到这个错误

快跑

npm更新


要更新到Angular 4,您应该很好。

您使用的是Angular的哪个版本?@masterfan我使用的是Angular 2和ionic 2。npm更新和npm安装都没有在我的终端窗口中执行任何操作。更新或安装不会产生任何预期效果。就像我根本没有做这个命令一样..确保你已经安装了node.js。如果你没有,你必须先安装它。您可以找到一些关于如何安装nodejs和npm的教程。输入npm update时,还要确保您位于项目根文件夹中。这会给我与package.json相关的错误。我无法绕开这一点,我将不得不采取完全不同的路线。我不敢相信仅仅使用一个新标签就这么麻烦。我要想个别的办法。谢谢你的帮助。