1

カスタム テンプレートを使用して、一致した結果を特定のタイプ プロパティでグループ化する方法はありますか (下の画像のように)。

ここに画像の説明を入力

このコードを使用します。

 <md-item-template>
                <div class="col-xs-2   border-bottom: 1px solid #ccc;">
                    <span class="item-metastat" ng-if="item.type=='Staff'">
                        {{item.type }} 
                    </span>

                    <span class="item-metastat" ng-if="item.type=='Branch'">
                        {{item.type }} 
                    </span>
                    <span class="item-metastat" ng-if="item.type=='Region'">
                        {{item.type }} 
                    </span>
                    <span class="item-metastat" ng-if="item.type=='State'">
                        {{item.type }} 
                    </span>
                </div>
                <div class="col-xs-10 display">
                    <span> {{item.value}} </span>
                </div>
            </md-item-template>

私はこのデザインを作成することができます ここに画像の説明を入力

タイプを1回だけ、つまり初めて繰り返すには、どのような変更を行う必要がありますか??

4

2 に答える 2

0

残念ながら、現在これを行う方法はありません。私は最近同じ問題に苦しんでいました.@angular-materialの開発者は、非推奨の取り組みのためにすべての問題を解決しました。

https://github.com/angular/material/issues/5182

このディレクティブの独自の拡張バージョンを作成するには、他のコンポーネントに依存するか、angular-material リポジトリをフォークする必要があります。

于 2016-12-21T16:21:33.963 に答える