2016-08-22 25 views
0

當我使用ng-repeat時,我有一個逗號來分隔好行中的名稱等信息,但逗號在ng-repeat函數它在最後添加了一個逗號,這是不正確的。如果要顯示數組中的另一項,則需要角度JS重複函數'peek'

我在想什麼是必須有一種方法來檢查是否有另一項顯示。如果顯示逗號,如果沒有,則不顯示逗號。

我的代碼示例如下:

<tbody class="offerInformation"> 
    <tr><td><b>Test:</b></td><td>Start/End</td></tr> 
    <tr><td><b>Test:</b></td><td><span ng-repeat="testing in results.names"><span ng-bind="testing"></span> , </span></td></tr> 
    <tr><td><b>Test:</b></td><td>Test</td></tr> 
    <tr><td><b>Test:</b></td><td></td></tr> 
</tbody> 

正如你看到的第二個錶行有一個逗號,顯示了在陣列中的每個重複項目。最後如果有3人說輸出如下:傑森,馬克,泰勒,

它留下一個額外的逗號是不正確的。最後一項之後應該沒有逗號。我的假設是使用ng-if以某種方式檢查是否有其他項目接下來,如果有我們顯示逗號,但如果沒有,那麼我們不顯示逗號。

任何幫助,非常感謝。

回答

3

ng-repeat指令幾乎沒有內置的特殊屬性來獲取上下文信息。 $last是您在這種情況下需要的其中之一。

<span ng-repeat="testing in names"> 
     {{testing}}<span ng-if="!$last"> , </span> 
</span> 

見AngularJS ngRepeat文檔的其他屬性

示例代碼here

+0

非常感謝,我不知道一個指令可以有內置的,你可以調用內部變量。我會更多地研究這個! – L1ghtk3ira

相關問題