顯示拼合的列表項目，其中包含的項目數量更多

Question

我想要在我的網站上以拼合順序顯示少量列表項。 對於不適合放在同一行上的項目，我試圖顯示「有多少項目」可用。事情是這樣的8個項目：

screen size 1: 
============================== 
item1, item2, item3 +5 items 
============================== 

screen size 2: 
==================================================== 
item1, item2, item3, item4, item5, item6 +2 items 
==================================================== 

的代碼骨架，我現在已經是：

<div class="col-md-10"> 
    <span ng-repeat="item in items | canFit"> 
    <span class="itemname">{{item}}</span> 
    </span> 
</div> 
<div class="col-md-2" ngshow="n>0"> 
    <span>+{{n}} items</span> 
</div> 

我目前使用的算法來計算字符數來實現，但字體大小，邊距，屏幕尺寸可能會在未來發生變化，我正試圖讓更多的人不知道這種變化，從而減少perf的影響。

有沒有更簡單的方法來實現這一目標？

PS：我使用angularjs自舉表格顯示的項目 span10：（項目1，項目2，項目3），跨度2：（+5項）

Answer 1

我讀過你的問題可能是它會幫助Angular Material Child Alignment