2016-04-30 36 views
1

我已經準備好服務,這看起來類同這樣的:Angular2如何處理服務,這是不是數組

  [{ 
       "Id": 1, 
       "productName": "Cart", 
      }, 
      { 
       "Id": 2, 
       "productName": "Hammer", 
      }] 

我可以使用* ngFor視圖去throught能正常工作的所有項目,但

  1. 是否存在的*相當於ngFor只有當我有一個項目(不陣列)?:

    { 
        "Id": 1, 
        "productName": "Cart", 
    } 
    
  2. 在的情況下,陣列我tryed做到這一點(沒有工作):

    <div *ngFor="let item of items; let i = index;#last = last"> <div *ngIF="#last"> </div> </div>

謝謝你的任何建議。

回答

1

1)你可以通過一個顯示屬性一個是這樣的:

{{product.Id}} {{product.productName}} 

如果您的數據是異步加載的,請使用Elvis運算符:

{{product?.Id}} {{product?.productName}} 

你可以使用自定義管道遍歷對象的屬性名稱:

<div *ngFor="let keyValue of product | keyValue"> 
{{keyValue.key}} {{keyValue.value}} 
</div> 

看到這個問題:

2)你可以試試如下:

<div *ngFor="let item of items; let i = index; let last = last"> 

    <div *ngIF="last"> 
    ` 
    </div>` 
    ` 
</div>` 
+0

謝謝,但我試過1),但它沒有工作給我http://plnkr.co/edit/6hhz5Q?p =預覽。我可能錯過了一些東西。 – Ram

+0

不客氣!也許貓王操作員是你正在尋找的......我更新了我的答案。 –

0

#1) 你可能只是做

<div>{{item.value}}</div> 
etc... 

#2)

<div *ngFor="let item of items; let i = index;> 
    <div *ngIF="(i == items.length -1)"> 
    </div> 
</div> 
+0

謝謝,但不工作對我來說http://plnkr.co/edit/6hhz5Q?p=preview – Ram

相關問題