如何讓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項目中工作

回答

相關問題