離子ng-if產生錯誤 - 離子3

-1

我試圖從api收到的離子應用中實現產品類別。但同時實現相同的我碰到下面的錯誤離子ng-if產生錯誤 - 離子3

Error: Template parse errors: 
Can't bind to 'ng-if' since it isn't a known property of 'div'."

這裏是代碼：

<div class="width50" *ngFor="let object of dataList"> 
    <div *ng-if= "{{object?.categories[0]?.slug}} == single"> 
    <img src="{{object.images[0].src}}" width="150" (click)="navigateToPage(object.id)" /> 
    </div> 
    </div>

當我打印的{{object?.categories[0]?.slug}}代碼工作正常，並返回一個值。

使用* ngif over * ng-if也似乎不起作用它顯示以下錯誤。

`Template parse errors: 
TypeError: key[0] is undefined (" 
<ion-content padding> 
    <div class="width50" *ngFor="let object of dataList"> 
    <div [ERROR ->]*ngIf= "{{object?.categories[0]?.slug}} == single"> 
    <img src="{{object.images[0].src}}" width="15"): ng:///AppModule/[email protected]:9 
Can't bind to '*ngIf' since it isn't a known property of 'div'. "`

我認爲，這可能會發生，因爲也許不是所有的對象都具有值是類別陣列。那麼有沒有辦法確保*ng-if= "{{object?.categories[0]?.slug}} == single"條件僅在確保類別數組非空後才被檢查？我們也可以在同一個div上同時擁有條件和循環嗎？

來源

2017-07-07 OshoParth

其* ngIf .. !!! –

角度沒有'ng-if'指令。你應該使用'* ngIf'而不是 – yurzui

我在這裏提到：https://stackoverflow.com/questions/34766128/ionic-if-else-statement-to-display-and-show-data – OshoParth

你犯了一個錯誤類型應該是「* ngIf」而不是「NG-IF」，

替換這一行，

<div *ng-if= "{{object?.categories[0]?.slug}} == single">

與

<div *ngIf= "object?.categories[0]?.slug == single">

問題是你正在嘗試插入object?.categories[0]?.slug作爲* ngIf條件中的字符串。刪除大括號{{}}和您的代碼將運行良好

來源

2017-07-07 05:04:19 Gowtham

這似乎不起作用，更新了問題根據收到的錯誤。 – OshoParth

錯字！它不是「ngif」它的「ngIf」。大寫「我」更具體 – Gowtham

也試過大寫，但問題仍然相同。 – OshoParth

離子ng-if產生錯誤 - 離子3

回答

相關問題