如何通過創建的每個元素後添加空格NG-重複

我想從這個問題How to distribute li elements equally?我使用的角度用玉做元素分佈均勻：如何通過創建的每個元素後添加空格NG-重複

ul 
    li(ng-repeat="item in items") {{item.name}}

但NG-重複唐」在每個元素和text-align: justify不起作用後創建新行。 ng-repeat返回的html中的每個li之後是否可以注入換行符或空格？

Plunker

來源

2016-12-05 jcubic

@Fissio解決方案几乎工作，我只需要添加這個CSS：

br { 
    display: none; 
}

和它的工作。 Plunker

來源

2016-12-05 12:01:33 jcubic

使用ng-repeat-start and ng-repeat-end：

ul 
    li(ng-repeat-start="step in workflow.data.steps", class="{{step.status|lowercase}}", ng-class="{selected: step.caption == workflow.data.step.caption}") 
    //ng-style="{width: (100/(workflow.data.steps.length > 6 ? 6 : workflow.data.steps.length)) + '%'}" 
    div 
     span.box {{step.caption}} 
     span.status(ng-show="workflow.data.steps.loaded") {{step.status}} 
     span.status(ng-hide="workflow.data.steps.loaded") ... 
    br(ng-repeat-end)

來源

2016-12-05 11:25:57 Fissio

這將創建每個li後面的html標籤，我希望在html中使用字面換行符或空格。 – jcubic

噢 - 你不能只用像'margin-bottom：10px'之類的css嗎？或者你可以創建一個蹲點來演示嗎？ – Fissio

[Plunker]（https://plnkr.co/edit/IvwZ77TFE7GkBBpYoUfm?p=preview） – jcubic

只需添加

<li ng-repeat="your code"> 
<span ng-if="!$first || !$last"><br></span>{{item.name}} 
</li>

，如果它不是第一個和最後一個項目，那麼它不會附加「BR」。否則會增加一箇中斷

來源

2016-12-05 12:06:44

你甚至可以通過使用'ng-if'來簡化這個$ middle「':) –

不，沒有三個元素。元素可以多於三個 –

如果項目的數量是三，那麼ng-if =「$ middle」將正常工作 –

如何通過創建的每個元素後添加空格NG-重複

回答

相關問題