md-autocompleteのカスタム<md-item-template>

Question

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

。

<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> 

私は一度だけのためにすなわち初めてのタイプを繰り返す行う必要がどのような変更

このデザインを作成することができています？

Answer 1

残念ながら、現在、この方法はありません。私は最近、同じ問題を抱えて苦労していました。開発者は、非難の努力により問題のすべてを閉じました。

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

私たちは、他のコンポーネントに依存しているか、このディレクティブの私たち自身の拡張版を作成するために、角-材料のリポジトリをフォークする必要があるとしています。