2017-04-19 13 views
-2

テーブルがあり、1時間に4本のラインが必要です。空の行を追加するng-repeat

1. 8h00 '1' 
2. 8H00 '2' 
3. 9H00 '3' 
4. 12H00 '4' 
5. 12H30 '5' 

そして希望:今

がある

1. 8H00 '1' 
2. 8H00 '2' 
3. 8H00 'New' 
4. 8H00 'New' 

.... 

21. 12H00 '4' 
22. 12H00 'New' 
23. 12H00 'New' 
24. 12H30 '5' 

私は、私は非常に特定されている願っています。 私はプランナーを作成しました。

http://plnkr.co/edit/BQ7i57ufj5VTmL5e1t52?p=preview

私が正しくあなたの質問を理解していれば、あなたは、このような何かカスタムパディングクラスを作成することができ、事前に

+0

本当に明らかな質問はありません。あなたのプランナーでは、データはすでに完成しており、その2つのラインがあります。それぞれのデータラインに対して2つの新しいラインを生成することを意味しますか? – elpddev

+0

あなたがこれまで示してきたことに基づいて、あなたがしようとしていることは、それが供給されているようにデータを扱うことは信じられないほど困難です。 – Claies

答えて

0

ありがとう:

.custom-padding { 
    padding-top: 10px; 

    } 

とカラム内を、することができます次のようにng-classを使用してください:

ng-class="($index) % 4 === 0 && !$first ? 'custom-padding': ''" 

上記インデックス%4が0私はあなたのplunkrを更新した

であればラインは、カスタムパディングクラスを追加します。代わりに、列ごとにNG-クラスを追加する http://plnkr.co/edit/ZIap01eQH18z6P3iJ7K9?p=preview

、あなたが行でこれを追加すると考えることができます。

関連する問題