如何让ng-template在离子2项目中工作

我以前曾试图使用虚拟卷轴来制作一个数量不等的卡片。虚拟滚动不会与我的卡工作，并建议我尝试ng-template它不停地给我认为这对终端的错误：如何让ng-template在离子2项目中工作

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和list元素中交换属性，我得到了空白页的相同结果。

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>

来源

2017-06-06 Spilot

你在哪个版本的角？ – Dino

@masterfan我正在使用角2和离子2 .. – Spilot

Angular4已更名为模板组件NG-模板。还有一种可能性是，当你仍然使用angular2时，你会得到这个错误，但也取决于一些依赖于angular4的包。

只要运行

npm update

更新到角4，你应该罚款。

来源

2017-06-06 08:00:39 Dino

npm update和npm install都没有在我的终端窗口中做任何事情。没有你期望从更新或安装。这就像我没有做任何命令.. – Spilot

确保你已经安装了node.js。如果你不这样做，你需要先安装它。你可以找到一些关于如何安装nodejs和npm的教程。同时还要确保在输入npm update时位于项目根文件夹中。 – Dino

它给了我有关package.json的错误。我无法解决这个问题，我将不得不完全采取不同的路线。我简直不敢相信这只是使用新标签而引起的麻烦。我会找出其他方法。谢谢你的帮助。 – Spilot

的<ng-template>元件已在角度版本4.0.0-rc.1被引入。您应该更新到最新版本角（决定），或使用<template>标签

来源

2017-06-06 07:53:20 PierreDuc

如何让ng-template在离子2项目中工作

回答

相关问题